/* ============================================================================
   LANN Product Design System v1 — tokens.css
   Canonical brand tokens for ALL LANN touchpoints. Inherited verbatim from the
   approved Product VI v0.1 prototype (Lann/design/lann-product-vi-v0).
   This file declares ONLY --lann-* custom properties and @font-face.
   Do not put component or layout rules here.
   ========================================================================== */

/* --- Red Rose (display only: brand titles, artifact headers, key numerals) --- */
@font-face {
  font-family: "Red Rose";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./assets/RedRose-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Red Rose";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("./assets/RedRose-Regular.ttf") format("truetype");
}

:root {
  /* ---- Brand: lavender scale ---- */
  --lann-lavender-900: #4d3f78;
  --lann-lavender-700: #7866ad;
  --lann-lavender-500: #a48bdc;
  --lann-lavender-300: #cab4d5;
  --lann-lavender-100: #e6e1ee;

  /* ---- Foundation: cream surfaces + ink text ---- */
  --lann-cream:   #f6f4f1;
  --lann-cream-2: #ede4db;
  --lann-cream-3: #e2d7ca;
  --lann-ink:   #2c2a26;
  --lann-ink-2: #5a574f;
  --lann-ink-3: #6c675f;

  /* ---- Lines + surfaces ---- */
  --lann-line-subtle: rgba(44, 42, 38, 0.08);
  --lann-line:        rgba(44, 42, 38, 0.14);
  --lann-line-strong: rgba(44, 42, 38, 0.24);
  --lann-surface:       rgba(255, 255, 255, 0.62);
  --lann-surface-raised: rgba(255, 253, 249, 0.86);
  --lann-surface-solid: #fffdf9;

  /* ---- Accents ---- */
  --lann-terracotta: #b94d3a;
  --lann-amber:      #fbba6d;
  --lann-gold:       #c6a86e;
  --lann-mauve:      #9f8095;

  /* ---- Semantic ---- */
  --lann-success: #3f7d5a;
  --lann-warning: #805111;
  --lann-danger:  #b94d3a;
  --lann-info:    #4d6d91;

  /* ---- State ---- */
  --lann-draft:     #6c675f;
  --lann-published: #4d3f78;
  --lann-disabled:  #bdb8ae;

  /* ---- Typography ---- */
  --lann-font-display: "Red Rose", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --lann-font-body: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
  --lann-font-mono: "SF Mono", Menlo, ui-monospace, monospace;

  /* ---- Spacing scale ---- */
  --lann-space-compact: 8px;
  --lann-space-tight: 10px;
  --lann-space-normal: 14px;
  --lann-space-spacious: 24px;
  --lann-space-presentation: 48px;

  /* ---- Radius (controls ≤ 8px; pills full) ---- */
  --lann-radius-control: 6px;
  --lann-radius-card: 8px;
  --lann-radius-pill: 999px;

  /* ---- Elevation + focus (restrained; no Material) ---- */
  --lann-shadow-soft: 0 16px 44px -28px rgba(44, 42, 38, 0.32);
  --lann-shadow-tight: 0 8px 24px -20px rgba(44, 42, 38, 0.4);
  --lann-focus-ring: 0 0 0 3px rgba(120, 102, 173, 0.22);
}