/* Papel brand semantic layer.
   The embedded token set (fig-tokens.css) ships an Untitled UI purple `brand-*`
   scale that the SHIPPED PRODUCT does not use — every real screen renders the
   Papel navy as primary. These aliases point the semantic roles at the values
   the product actually uses. Prefer these `--papel-*` tokens in new work. */

:root {
  /* Brand navy — the true Papel primary (Figma: --primary rgb(22,49,114)) */
  --papel-navy-900: #0A1541;   /* rgb(10,21,65) — darkest, footer / deep bg */
  --papel-navy-800: #0D0F2C;   /* rgb(13,15,44) */
  --papel-navy-700: #163172;   /* rgb(22,49,114) — PRIMARY */
  --papel-navy-600: #1E3A80;
  --papel-navy-500: #2A5893;   /* rgb(42,88,147) */
  --papel-blue-500: #0057D9;   /* rgb(0,87,217) — link / accent blue */
  --papel-blue-400: #0054EB;   /* rgb(0,84,235) */

  /* Gold — the wordmark / logo accent (from the gold PAPEL logo) */
  --papel-gold-600: #A9803D;
  --papel-gold-500: #C79A4B;
  --papel-gold-400: #E7C97C;

  /* Neutrals used across product surfaces */
  --papel-ink: #1E1E1E;        /* primrary text rgb(30,30,30) */
  --papel-ink-2: #4A4A4A;      /* secondary text rgb(74,74,74) */
  --papel-taupe: #E3DBDB;      /* stroke / hairline rgb(227,219,219) */
  --papel-surface: #FFFFFF;
  --papel-surface-2: #FAFBFC;  /* rgb(250,251,252) box bg */
  --papel-surface-3: #F8F8F8;  /* rgb(248,248,248) */
  --papel-line: #E9EAEB;       /* table / card hairline rgb(233,234,235) */

  /* ---- Semantic roles (map onto the above) ---- */
  --color-primary: var(--papel-navy-700);
  --color-primary-hover: var(--papel-navy-800);
  --color-primary-fg: #FFFFFF;
  --color-accent: var(--papel-blue-500);

  --text-primary: var(--papel-ink);
  --text-secondary: var(--papel-ink-2);
  --text-tertiary: #6C728D;     /* rgb(108,114,141) */
  --text-on-brand: #FFFFFF;
  --text-link: var(--papel-blue-500);

  --surface-page: var(--papel-surface-2);
  --surface-card: var(--papel-surface);
  --surface-sunken: var(--papel-surface-3);

  --border-subtle: var(--papel-line);
  --border-default: var(--papel-taupe);
  --border-strong: #D5D7DA;    /* rgb(213,215,218) */

  /* Semantic status (from Untitled UI success/warning/error scales) */
  --color-success: #079455;    /* success-600 */
  --color-success-bg: #ECFDF3;
  --color-warning: #DC6803;    /* warning-600 */
  --color-warning-bg: #FFFAEB;
  --color-error: #D92D20;      /* error-600 */
  --color-error-bg: #FEF3F2;

  /* Radii (from Figma float tokens) */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 9999px;

  /* Spacing scale (Figma spacing tokens, px) */
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --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;

  /* Elevation — Untitled UI skeuomorphic + soft shadows used in the kit */
  --shadow-xs: 0px 1px 2px 0px rgba(10,13,18,0.05);
  --shadow-sm: 0px 1px 3px 0px rgba(10,13,18,0.10), 0px 1px 2px -1px rgba(10,13,18,0.10);
  --shadow-md: 0px 4px 8px -2px rgba(10,13,18,0.10), 0px 2px 4px -2px rgba(10,13,18,0.06);
  --shadow-lg: 0px 12px 16px -4px rgba(10,13,18,0.08), 0px 4px 6px -2px rgba(10,13,18,0.03);
  /* Skeuomorphic button/control inner border + drop (Untitled UI signature) */
  --shadow-skeu: inset 0px 0px 0px 1px rgba(10,13,18,0.18), inset 0px -2px 0px 0px rgba(10,13,18,0.05), 0px 1px 2px 0px rgba(10,13,18,0.05);
  --ring-focus: 0px 0px 0px 4px rgba(22,49,114,0.24);
}

a { color: var(--text-link); text-decoration: none; }
a:hover { color: var(--papel-navy-700); text-decoration: underline; }