/**
 * Alpha Lens — Design Tokens (v0.2)
 * Source of truth for landing. Extension mirrors these values in
 * alpha-lens/src/styles/design-tokens.css
 *
 * Direction: financial research tool (terminal / editorial), not AI SaaS.
 * Brand anchor: mono α Lens mark (#0A0A0A / #FFFFFF).
 * Main surface: warm paper / ivory. Dark + noise reserved for accent sections.
 */

:root {
  color-scheme: light;

  /* ── Brand core ───────────────────────────────────────────── */
  --al-ink: #0A0A0A;
  --al-paper: #F7F6F3;
  --al-white: #ffffff;
  --al-void: #070708;
  /* Point accent — Oxblood (brand identity; not CTA, not Buy/Sell) */
  --al-accent: #7A2E3A;
  --al-accent-hover: #632632;
  --al-accent-soft: #F8ECEE;
  --al-accent-fg: #ffffff;

  /* ── Neutral scale (Zinc-leaning) ─────────────────────────── */
  --al-neutral-50: #fafaf9;
  --al-neutral-100: #f4f4f5;
  --al-neutral-200: #e4e4e7;
  --al-neutral-300: #d4d4d8;
  --al-neutral-400: #a1a1aa;
  --al-neutral-500: #71717a;
  --al-neutral-600: #52525b;
  --al-neutral-700: #3f3f46;
  --al-neutral-800: #27272a;
  --al-neutral-900: #0a0a0a;

  /* ── Semantic color ───────────────────────────────────────── */
  --al-bg: var(--al-paper);
  --al-bg-elevated: var(--al-white);
  --al-fg: var(--al-ink);
  --al-fg-muted: var(--al-neutral-500);
  --al-fg-subtle: var(--al-neutral-400);
  --al-border: var(--al-neutral-200);
  --al-border-strong: var(--al-neutral-300);
  --al-primary: var(--al-ink);
  --al-primary-hover: #1a1a1a;
  --al-primary-fg: var(--al-white);
  --al-ring: var(--al-accent);

  --al-glow: rgba(10, 10, 10, 0.06);
  --al-glow-strong: rgba(10, 10, 10, 0.1);
  --al-accent-glow: rgba(122, 46, 58, 0.12);

  /* ── Signal / finance ─────────────────────────────────────── */
  --al-signal-strong-buy: #15803d;
  --al-signal-buy: #16a34a;
  --al-signal-hold: #71717a;
  --al-signal-sell: #dc2626;
  --al-signal-strong-sell: #b91c1c;
  --al-signal-warn: #d97706;
  --al-signal-positive-bg: #ecfdf5;
  --al-signal-negative-bg: #fef2f2;
  --al-signal-warn-bg: #fffbeb;

  /* ── Typography ───────────────────────────────────────────── */
  --al-font-display: "IBM Plex Sans KR", Pretendard, "Apple SD Gothic Neo", sans-serif;
  --al-font-body: "IBM Plex Sans KR", Pretendard, "Apple SD Gothic Neo", sans-serif;
  --al-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --al-text-xs: 12px;
  --al-text-sm: 13px;
  --al-text-md: 15px;
  --al-text-lg: 17px;
  --al-text-xl: clamp(30px, 4vw, 48px);
  --al-text-hero: clamp(38px, 5vw, 72px);

  --al-leading-tight: 1.15;
  --al-leading-body: 1.6;
  --al-tracking-display: -0.03em;
  --al-tracking-label: 0.14em;

  /* ── Space ────────────────────────────────────────────────── */
  --al-space-1: 4px;
  --al-space-2: 8px;
  --al-space-3: 12px;
  --al-space-4: 16px;
  --al-space-5: 24px;
  --al-space-6: 32px;
  --al-space-7: 48px;
  --al-space-8: 64px;
  --al-space-section: 104px;

  /* ── Radius ───────────────────────────────────────────────── */
  --al-radius-sm: 6px;
  --al-radius-md: 8px;
  --al-radius-lg: 12px;
  --al-radius-pill: 9999px;

  /* ── Elevation ────────────────────────────────────────────── */
  --al-shadow-sm: 0 1px 2px rgba(10, 10, 10, 0.04);
  --al-shadow-md: 0 4px 16px rgba(10, 10, 10, 0.06);
  --al-shadow-lg: 0 12px 40px rgba(10, 10, 10, 0.08);

  /* ── Motion ───────────────────────────────────────────────── */
  --al-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --al-duration-fast: 150ms;
  --al-duration: 280ms;

  /* ── Layout ───────────────────────────────────────────────── */
  --al-nav-h: 64px;
  --al-con: 1160px;
  --al-con-sm: 740px;

  /* ── Legacy aliases ───────────────────────────────────────── */
  --w: var(--al-white);
  --ink: var(--al-ink);
  --paper: var(--al-paper);

  --g50: var(--al-neutral-50);
  --g100: var(--al-neutral-100);
  --g200: var(--al-neutral-200);
  --g300: var(--al-neutral-300);
  --g400: var(--al-neutral-400);
  --g500: var(--al-neutral-500);
  --g600: var(--al-neutral-600);
  --g700: var(--al-neutral-700);
  --g800: var(--al-neutral-800);
  --g900: var(--al-neutral-900);

  /* Former blue slots → oxblood accent (eyebrows, α, links; CTA stays ink) */
  --b50: var(--al-accent-soft);
  --b100: #F0D8DC;
  --b200: #E0B4BB;
  --b300: #C47884;
  --b400: #9A4A56;
  --b600: var(--al-accent);
  --b700: var(--al-accent-hover);
  --v400: var(--al-neutral-400);
  --v600: var(--al-neutral-700);

  --green: var(--al-signal-buy);
  --lime: #84cc16;
  --orange: #ea580c;
  --red: var(--al-signal-sell);
  --amber: var(--al-signal-warn);

  /* Film grain SVG — subtle overlays. Footer uses stipple dither PNG instead. */
  --al-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
}