/* R&G Classics — Color tokens
   Elegant, dark-first palette. Deep teal/near-black surfaces, warm cream
   text, and copper reserved as a scarce metallic-feeling accent — the
   brand's original two colors, re-balanced for a dark, refined default UI. */

:root {
  /* ---- Primary (deep teal) ---- */
  --color-primary-900: #0D3532; /* base — brand color */
  --color-primary-800: #123f3c;
  --color-primary-700: #185049;
  --color-primary-600: #206259;
  --color-primary-500: oklch(from #0D3532 0.52 0.06 175);
  --color-primary-300: oklch(from #0D3532 0.74 0.05 175);
  --color-primary-100: oklch(from #0D3532 0.94 0.02 175);

  /* ---- Accent (copper) ---- */
  --color-accent-700: #9c6127; /* hover/press */
  --color-accent-600: #ad6f30;
  --color-accent-500: #C37C37; /* base — brand color */
  --color-accent-400: oklch(from #C37C37 0.72 0.11 55);
  --color-accent-300: oklch(from #C37C37 0.82 0.09 55);
  --color-accent-100: oklch(from #C37C37 0.95 0.035 55);

  /* ---- Ink (dark, teal-tinted neutrals — the default surfaces) ---- */
  --color-ink-950: #0A1614; /* page background — near-black teal */
  --color-ink-900: #10201C; /* card / elevated surface */
  --color-ink-800: #172B25; /* sunken surface, input fills */
  --color-ink-700: #233A33; /* hairline borders, dividers */
  --color-ink-600: #3B5951; /* disabled / placeholder on dark */

  /* ---- Cream (warm light neutrals — text + occasional light surfaces) ---- */
  --color-cream-50: #FCFAF6;  /* highest-emphasis text / rare light surface */
  --color-cream-100: #F2ECDE; /* headings on dark */
  --color-cream-200: #DCD3BE; /* body text on dark */
  --color-cream-400: #9C927C; /* muted text on dark */
  --color-paper-0: #FCFAF6;   /* legacy alias — light surface (inverse sections) */
  --color-paper-50: #F6F1E9;
  --color-paper-100: #EFE8DA;
  --color-neutral-200: #E1D8C6; /* borders, light-surface context only */
  --color-neutral-400: #B3A891;
  --color-neutral-600: #756B58;
  --color-neutral-800: #362F24;
  --color-ink-900-onlight: #1C1811; /* text-on-light alias, kept for light-surface cards */

  /* ---- Semantic status (harmonized, jewel-toned for a dark UI) ---- */
  --color-success-600: #4C9A73;
  --color-success-100: rgba(76, 154, 115, 0.16);
  --color-warning-600: #D2A24C;
  --color-warning-100: rgba(210, 162, 76, 0.16);
  --color-error-600: #C1584A;
  --color-error-100: rgba(193, 88, 74, 0.16);

  /* ---- Semantic aliases — dark-first ---- */
  --surface-page: var(--color-ink-950);
  --surface-card: var(--color-ink-900);
  --surface-sunken: var(--color-ink-800);
  --surface-inverse: var(--color-cream-50);
  --surface-accent-tint: rgba(195, 124, 55, 0.14);

  --text-heading: var(--color-cream-100);
  --text-body: var(--color-cream-200);
  --text-muted: var(--color-cream-400);
  --text-on-primary: var(--color-cream-100);
  --text-on-accent: #241505;
  --text-on-light: var(--color-ink-900-onlight); /* for content placed on cream/paper surfaces */
  --text-link: var(--color-accent-400);
  --text-link-hover: var(--color-accent-300);

  --border-default: var(--color-ink-700);
  --border-strong: var(--color-ink-600);
  --border-hairline-accent: rgba(195, 124, 55, 0.35); /* gold hairline for premium framing */
  --border-focus: var(--color-accent-500);

  --brand-primary: var(--color-primary-900);
  --brand-accent: var(--color-accent-500);
}