/* Modern Architectural & Editorial Minimalist UI Design Tokens */

:root {
  /* Color Palette - OKLCH (Light Mode Default) */
  --bg-primary: oklch(0.975 0.008 95);      /* Warm off-white/cream plaster */
  --bg-secondary: oklch(0.99 0.004 95);    /* Crisp card background */
  --bg-tertiary: oklch(0.945 0.006 95);    /* Slightly darker neutral tint for hover */
  
  --text-primary: oklch(0.19 0.015 70);    /* Dark graphite/warm charcoal */
  --text-secondary: oklch(0.38 0.01 70);   /* Soft graphite */
  --text-muted: oklch(0.58 0.008 70);      /* Muted graphite */

  /* Terracotta accent representing raw masonry */
  --accent: oklch(0.62 0.14 42);           
  --accent-indigo: oklch(0.62 0.14 42);
  --accent-indigo-glow: oklch(0.62 0.14 42 / 12%);
  
  --accent-emerald: oklch(0.55 0.08 145);  /* Muted sage success */
  --accent-emerald-glow: oklch(0.55 0.08 145 / 12%);
  
  --accent-amber: oklch(0.72 0.09 78);     /* Warm ochre sand warning */
  --accent-amber-glow: oklch(0.72 0.09 78 / 12%);
  
  --accent-rose: oklch(0.58 0.13 30);      /* Terracotta rust error */
  --accent-rose-glow: oklch(0.58 0.13 30 / 12%);

  --accent-cyan: oklch(0.58 0.07 205);     /* Slate blue in-transit */
  --accent-cyan-glow: oklch(0.58 0.07 205 / 12%);

  /* Thin and low-contrast borders & dividers */
  --border: oklch(0.922 0 0);              
  --glass-border: var(--border);
  --glass-bg: var(--bg-secondary);
  --glass-shadow: 0 4px 18px rgba(0, 0, 0, 0.02); /* Soft shadow */
  --glass-filter: none;                    /* Spaciously sharp design uses minimal filter */

  /* Semi-sharp modern radius */
  --border-radius-sm: 0.625rem;            /* 10px */
  --border-radius-md: 0.625rem;
  --border-radius-lg: 0.625rem;
  --border-radius-xl: 0.625rem;

  /* Typography */
  --font-family-serif: 'Playfair Display', Georgia, serif;
  --font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family: var(--font-family-sans);

  /* Layout and Transitions */
  --sidebar-width: 280px;
  --header-height: 80px;
  --transition-fast: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Dark Mode Variables (Deep Graphite & Charcoal Minimal) */
[data-theme="dark"] {
  --bg-primary: oklch(0.145 0 0);          /* Deep graphite */
  --bg-secondary: oklch(0.185 0.002 0);     /* Card background */
  --bg-tertiary: oklch(0.245 0.002 0);     /* Hover background */
  
  --text-primary: oklch(0.985 0 0);        /* Bright off-white */
  --text-secondary: oklch(0.85 0.002 0);    /* Soft off-white */
  --text-muted: oklch(0.65 0 0);           /* Muted off-white */

  --border: oklch(1 0 0 / 10%);            
  --glass-border: var(--border);
  --glass-bg: var(--bg-secondary);
  --glass-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
  
  --accent-indigo-glow: oklch(0.62 0.14 42 / 18%);
  --accent-emerald-glow: oklch(0.65 0.08 145 / 18%);
  --accent-amber-glow: oklch(0.78 0.08 78 / 18%);
  --accent-rose-glow: oklch(0.65 0.13 30 / 18%);
  --accent-cyan-glow: oklch(0.68 0.07 205 / 18%);
}