/* Engraving Films — Design Tokens v1.0
   Drop-in CSS custom properties. See brand-guidelines.md for usage rules. */

:root {
  /* ── Color · Ink (primary neutral scale) ───────────────────────── */
  --ef-ink-900: #0A0B0D;
  --ef-ink-800: #14161A;
  --ef-ink-700: #1F2228;
  --ef-ink-600: #2C2F36;
  --ef-ink-500: #50555F;
  --ef-ink-400: #767C86;
  --ef-ink-300: #A7ACB4;
  --ef-ink-200: #D2D5DA;
  --ef-ink-100: #E9EBEE;
  --ef-ink-50:  #F5F6F7;

  /* ── Color · Paper (base) ──────────────────────────────────────── */
  --ef-paper:      #FBFAF7;
  --ef-paper-pure: #FFFFFF;

  /* ── Color · Intaglio Gold (single accent) ─────────────────────── */
  --ef-gold-700: #6E4F1E; /* gold text on light — AAA-safe       */
  --ef-gold-600: #8A6526; /* gold text on light — AA normal text */
  --ef-gold-500: #B8893B; /* base accent — rules, marks, focus   */
  --ef-gold-400: #CBA15B; /* hover/active on dark                */
  --ef-gold-300: #E0C088; /* subtle tint, large text on dark     */

  /* ── Color · Functional (use sparingly) ────────────────────────── */
  --ef-positive: #2F6F4F;
  --ef-negative: #9B2D2D;
  --ef-warning:  #8A6526;

  /* ── Typography ────────────────────────────────────────────────── */
  --ef-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --ef-font-text:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ef-font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ── Spacing (4px base) ────────────────────────────────────────── */
  --ef-space-1:  0.25rem;  /* 4px   */
  --ef-space-2:  0.5rem;   /* 8px   */
  --ef-space-3:  0.75rem;  /* 12px  */
  --ef-space-4:  1rem;     /* 16px  */
  --ef-space-5:  1.5rem;   /* 24px  */
  --ef-space-6:  2rem;     /* 32px  */
  --ef-space-7:  3rem;     /* 48px  */
  --ef-space-8:  4rem;     /* 64px  */
  --ef-space-9:  6rem;     /* 96px  */
  --ef-space-10: 8rem;     /* 128px */

  /* ── Radius & border ───────────────────────────────────────────── */
  --ef-radius-0:    0;
  --ef-radius-sm:   2px;
  --ef-radius-md:   4px;
  --ef-border-hair: 1px solid var(--ef-ink-200);

  /* ── Elevation (prefer borders to shadows) ─────────────────────── */
  --ef-shadow-1: 0 1px 2px rgba(10, 11, 13, 0.06);
  --ef-shadow-2: 0 4px 16px rgba(10, 11, 13, 0.08);

  /* ── Layout ────────────────────────────────────────────────────── */
  --ef-container: 1200px;
  --ef-gutter:    1.5rem;

  /* ── Motion ────────────────────────────────────────────────────── */
  --ef-ease:      cubic-bezier(0.2, 0, 0, 1);
  --ef-ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ef-dur-fast:  120ms;
  --ef-dur-base:  200ms;
  --ef-dur-slow:  400ms;
}