/* SYNCED FILE: also update in ohnice-app repo (ohnice/) */
/* Only SITE-SPECIFIC sections differ between sites */

:root,
[data-theme="light"] {
  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", "Consolas", "Liberation Mono", monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;

  --leading-tight: 1.3;
  --leading-normal: 1.65;

  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;

  /* Shared Colors - Light */
  --color-bg: #f7f7f5;
  --color-surface: rgba(255, 255, 255, 0.7);
  --color-surface-solid: #ffffff;
  --color-subtle: #f3f2f0;
  --color-border: rgba(255, 255, 255, 0.5);
  --color-border-subtle: rgba(0, 0, 0, 0.06);
  --color-muted: #8a8a8e;
  --color-text: #3a3a3c;
  --color-heading: #1c1c1e;

  /* Shared Effects - Light */
  --card-blur: blur(20px);
  --card-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* Layout */
  --content-sm: 38rem;
  --content-md: 48rem;
  --content-lg: 60rem;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* === SITE-SPECIFIC: ohlab.dev (Slate Blue) === */
  --color-accent: #3b5fc0;
  --color-accent-hover: #2d4a9a;
  --color-accent-subtle: rgba(59, 95, 192, 0.08);
  --color-accent-light: #5b7fe0;
  --color-accent-glow: rgba(59, 95, 192, 0.15);
  --hero-bg: linear-gradient(135deg, #1a2a5e 0%, #2a4494 40%, #3b5fc0 100%);
  --card-shadow-hover: 0 12px 40px rgba(59, 95, 192, 0.18), 0 4px 12px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] {
  /* Shared Colors - Dark */
  --color-bg: #0a0a0c;
  --color-surface: rgba(28, 28, 32, 0.7);
  --color-surface-solid: #1c1c20;
  --color-subtle: #222326;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-subtle: rgba(255, 255, 255, 0.06);
  --color-muted: #8e8e92;
  --color-text: #c8c8cc;
  --color-heading: #f2f2f7;

  /* Shared Effects - Dark */
  --card-blur: blur(24px);
  --card-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);

  /* === SITE-SPECIFIC: ohlab.dev (Slate Blue) === */
  --color-accent: #7b9ef5;
  --color-accent-hover: #97b3f8;
  --color-accent-subtle: rgba(123, 158, 245, 0.1);
  --color-accent-light: #97b3f8;
  --color-accent-glow: rgba(123, 158, 245, 0.2);
  --hero-bg: linear-gradient(135deg, #0a0f24 0%, #141e40 40%, #1a2a5e 100%);
  --card-shadow-hover: 0 12px 40px rgba(123, 158, 245, 0.2), 0 4px 12px rgba(0, 0, 0, 0.3);
}