:root{color-scheme:light;--zs-bg:oklch(1 0 0);--zs-surface:oklch(0.985 0.008 280);--zs-surface-subtle:oklch(0.965 0.015 280);--zs-surface-muted:oklch(0.935 0.022 280);--zs-surface-inverse:oklch(0.18 0.025 280);--zs-ink:oklch(0.22 0.028 280);--zs-ink-soft:oklch(0.38 0.035 280);--zs-ink-muted:oklch(0.48 0.03 280);--zs-ink-inverse:oklch(0.98 0.008 280);--zs-primary:oklch(0.47 0.16 280);--zs-primary-hover:oklch(0.41 0.17 280);--zs-primary-pressed:oklch(0.35 0.16 280);--zs-primary-soft:oklch(0.95 0.025 280);--zs-primary-subtle:oklch(0.985 0.008 280);--zs-on-primary:oklch(0.99 0 0);--zs-accent:oklch(0.51 0.115 165);--zs-accent-hover:oklch(0.45 0.105 165);--zs-accent-soft:oklch(0.94 0.035 165);--zs-accent-subtle:oklch(0.975 0.012 165);--zs-on-accent:oklch(0.99 0 0);--zs-success:oklch(0.51 0.115 165);--zs-success-soft:oklch(0.94 0.035 165);--zs-warning:oklch(0.50 0.11 75);--zs-warning-soft:oklch(0.95 0.045 85);--zs-danger:oklch(0.52 0.16 25);--zs-danger-soft:oklch(0.95 0.035 25);--zs-info:oklch(0.52 0.14 245);--zs-info-soft:oklch(0.95 0.025 245);--zs-border:oklch(0.89 0.018 280);--zs-border-strong:oklch(0.665 0.03 280);--zs-focus:oklch(0.62 0.19 280);--zs-data-calories:oklch(0.47 0.16 280);--zs-data-protein:oklch(0.51 0.115 165);--zs-data-carbs:oklch(0.58 0.13 75);--zs-data-fat:oklch(0.55 0.16 25);--zs-data-fiber:oklch(0.50 0.13 140);--zs-data-water:oklch(0.53 0.14 245);--zs-shadow-soft:0 4px 16px oklch(0.22 0.028 280/0.08);--zs-shadow-popover:0 10px 28px oklch(0.22 0.028 280/0.14);--color-background:var(--zs-bg);--color-foreground:var(--zs-ink);--color-surface:var(--zs-surface);--color-surface-subtle:var(--zs-surface-subtle);--color-border:var(--zs-border);--color-primary:var(--zs-primary);--color-primary-hover:var(--zs-primary-hover);--color-on-primary:var(--zs-on-primary);--color-accent:var(--zs-accent);--color-success:var(--zs-success);--color-warning:var(--zs-warning);--color-danger:var(--zs-danger);--color-info:var(--zs-info);--color-focus:var(--zs-focus);--font-sans:"IBM Plex Sans Arabic",ui-sans-serif,system-ui,sans-serif}[data-theme=dark]{color-scheme:dark;--zs-bg:oklch(0.14 0.02 280);--zs-surface:oklch(0.19 0.025 280);--zs-surface-subtle:oklch(0.225 0.03 280);--zs-surface-muted:oklch(0.27 0.035 280);--zs-surface-inverse:oklch(0.98 0.008 280);--zs-ink:oklch(0.96 0.01 280);--zs-ink-soft:oklch(0.82 0.02 280);--zs-ink-muted:oklch(0.70 0.025 280);--zs-ink-inverse:oklch(0.18 0.025 280);--zs-primary:oklch(0.52 0.16 280);--zs-primary-hover:oklch(0.57 0.16 280);--zs-primary-pressed:oklch(0.46 0.16 280);--zs-primary-soft:oklch(0.25 0.06 280);--zs-primary-subtle:oklch(0.21 0.04 280);--zs-on-primary:oklch(0.99 0 0);--zs-accent:oklch(0.60 0.135 165);--zs-accent-hover:oklch(0.66 0.135 165);--zs-accent-soft:oklch(0.24 0.055 165);--zs-accent-subtle:oklch(0.20 0.035 165);--zs-on-accent:oklch(0.18 0.025 280);--zs-success:oklch(0.60 0.135 165);--zs-success-soft:oklch(0.24 0.055 165);--zs-warning:oklch(0.68 0.15 75);--zs-warning-soft:oklch(0.27 0.06 75);--zs-danger:oklch(0.64 0.16 25);--zs-danger-soft:oklch(0.27 0.055 25);--zs-info:oklch(0.64 0.14 245);--zs-info-soft:oklch(0.24 0.05 245);--zs-border:oklch(0.32 0.035 280);--zs-border-strong:oklch(0.48 0.045 280);--zs-focus:oklch(0.72 0.16 280);--zs-data-calories:oklch(0.65 0.15 280);--zs-data-protein:oklch(0.67 0.14 165);--zs-data-carbs:oklch(0.72 0.14 75);--zs-data-fat:oklch(0.70 0.15 25);--zs-data-fiber:oklch(0.65 0.12 140);--zs-data-water:oklch(0.69 0.13 245);--zs-shadow-soft:0 4px 16px oklch(0.02 0 0/0.24);--zs-shadow-popover:0 10px 28px oklch(0.02 0 0/0.38)}*{box-sizing:border-box}body{margin:0;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}