@charset "UTF-8";
/* Hallmark · tokens.css · genre: atmospheric · theme: custom (MellGrief Ember) */

:root {
  /* Surface / Paper layers (OKLCH dark tactical palette) */
  --color-paper-1: oklch(14% 0.015 260);       /* Deepest canvas #0e0e12 */
  --color-paper-2: oklch(17% 0.018 260);       /* Panels / Sidebar #141419 */
  --color-paper-3: oklch(20% 0.022 260);       /* Card base #1b1b23 */
  --color-paper-4: oklch(24% 0.025 260);       /* Elevated card hover / Modals #24242e */
  --color-paper-card: var(--color-paper-3);
  --color-paper-hover: var(--color-paper-4);

  /* Hairline Borders */
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-subtle: rgba(255, 255, 255, 0.04);
  --color-border-strong: rgba(255, 255, 255, 0.14);
  --color-border-focus: oklch(68% 0.20 45);

  /* MellGrief Ember Accent */
  --color-accent: oklch(68% 0.20 45);          /* #f27a1f */
  --color-accent-hover: oklch(74% 0.21 48);    /* #ff9438 */
  --color-accent-active: oklch(62% 0.19 42);   /* #dc6610 */
  --color-accent-subtle: oklch(68% 0.20 45 / 0.12);
  --color-accent-glow: oklch(68% 0.20 45 / 0.22);

  /* Semantic Highlights */
  --color-success: oklch(68% 0.18 152);        /* Emerald */
  --color-success-subtle: oklch(68% 0.18 152 / 0.14);
  --color-info: oklch(72% 0.16 220);           /* Cyan */
  --color-info-subtle: oklch(72% 0.16 220 / 0.14);
  --color-warning: oklch(78% 0.17 80);         /* Amber */
  --color-warning-subtle: oklch(78% 0.17 80 / 0.14);
  --color-danger: oklch(62% 0.22 25);          /* Crimson */
  --color-danger-subtle: oklch(62% 0.22 25 / 0.14);

  /* Typography Colors */
  --color-text-primary: oklch(96% 0.005 260);   /* Crisp high-contrast */
  --color-text-secondary: oklch(76% 0.015 260); /* Readable muted text */
  --color-text-muted: oklch(58% 0.02 260);     /* Hairline labels, hints */

  /* Typography Stack */
  --font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;

  /* Type Scale */
  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.84rem;     /* 13.5px */
  --text-base: 0.95rem;   /* 15.2px */
  --text-md: 1.05rem;     /* 16.8px */
  --text-lg: 1.25rem;     /* 20px */
  --text-xl: 1.5rem;      /* 24px */
  --text-2xl: 1.875rem;   /* 30px */
  --text-display: 2.25rem;/* 36px */

  /* 4pt Spacing Scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Corner Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Easings & Durations */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 16px -2px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 12px 36px -4px rgba(0, 0, 0, 0.65);
  --shadow-glow: 0 0 24px var(--color-accent-glow);

  /* Backward Compatibility Aliases for MellGrief Forum */
  --bg-primary: var(--color-paper-1);
  --bg-secondary: var(--color-paper-2);
  --bg-card: var(--color-paper-3);
  --bg-card-hover: var(--color-paper-4);
  --border-color: var(--color-border);
  --border-focus: var(--color-border-focus);
  --accent-orange: var(--color-accent);
  --accent-glow: var(--color-accent-glow);
  --accent-hover: var(--color-accent-hover);
  --accent-green: var(--color-success);
  --accent-blue: var(--color-info);
  --accent-purple: #c084fc;
  --accent-red: var(--color-danger);
  --text-primary: var(--color-text-primary);
  --text-secondary: var(--color-text-secondary);
  --text-muted: var(--color-text-muted);
  --radius-sm: var(--radius-sm);
  --radius-md: var(--radius-md);
  --radius-lg: var(--radius-lg);
  --transition: all var(--dur-base) var(--ease-out);
  --shadow: var(--shadow-md);
}