/*
 * ReturnKit design tokens
 *
 * Canonical machine-readable source for the app, public design reference,
 * and any new static page. Components consume semantic roles below, never
 * copied hex values. Update docs/design-system.md and /design-system/ when a
 * token changes meaning.
 */

:root {
  /* Tailwind-compatible RGB channels. These keep opacity utilities working. */
  --c-coral-50: 253 243 248;
  --c-coral-100: 251 214 230;
  --c-coral-200: 247 176 202;
  --c-coral-300: 244 138 174;
  --c-coral-400: 240 106 157;
  --c-coral-500: 236 79 140;
  --c-coral-600: 196 49 107;
  --c-coral-700: 159 37 91;
  --c-coral-800: 124 26 70;
  --c-bg: 247 250 255;
  --c-paper: 255 255 255;
  --c-parchment: 247 250 255;
  --c-stone-100: 238 242 250;
  --c-stone-200: 219 226 242;
  --c-stone-300: 190 199 222;
  --c-stone-400: 122 128 172;
  --c-ink: 40 48 111;
  --c-ink-soft: 74 81 136;
  --c-ink-muted: 106 112 154;
  --c-ink-faint: 106 112 154;
  --c-mist-100: 237 241 250;
  --c-mist-300: 198 206 226;
  --c-mist-500: 134 140 172;
  --c-mist-700: 90 96 138;

  /* Literal brand palette. Use for identity and domain signatures. */
  --rk-bg: #F7FAFF;
  --rk-paper: #FFFFFF;
  --rk-parchment: #F7FAFF;
  --rk-ink: #28306F;
  --rk-ink-soft: #4A5188;
  --rk-ink-muted: #6A709A;
  --rk-ink-faint: #9AA0C2;
  --rk-coral-50: #FDF3F8;
  --rk-coral-100: #FBD6E6;
  --rk-coral-300: #F48AAE;
  --rk-coral-500: #EC4F8C;
  --rk-coral-600: #C4316B;
  --rk-coral-700: #9F255B;
  --rk-coral-action: #C4316B;
  --rk-coral-action-hover: #9F255B;
  --rk-apricot-100: #FCE3CD;
  --rk-apricot-300: #F8C495;
  --rk-apricot-500: #A85A22;
  --rk-apricot-700: #A85A22;
  --rk-gold-100: #FFE7B0;
  --rk-gold-300: #FFD36B;
  --rk-gold-500: #FFC83D;
  --rk-gold-700: #B07B12;
  --rk-lavender-100: #E8E0FE;
  --rk-lavender-300: #C2B0FC;
  --rk-lavender-500: #6B50C4;
  --rk-lavender-700: #6B50C4;
  --rk-rose-50: #FDF1F3;
  --rk-rose-100: #FCE6E9;
  --rk-rose-300: #F7CAD0;
  --rk-rose-500: #A84F5E;
  --rk-rose-700: #A84F5E;
  --rk-sage-100: #E8EFDF;
  --rk-sage-300: #C5D0B4;
  --rk-sage-500: #9CAF88;
  --rk-sage-600: #5E704F;
  --rk-sage-700: #5E704F;
  --rk-teal-100: #DAE8EA;
  --rk-teal-300: #A8C3C7;
  --rk-teal-500: #6FA3A8;
  --rk-teal-600: #3F646A;
  --rk-teal-700: #3F646A;
  --rk-berry-500: #C44569;

  /* Semantic roles. Components should consume these names. */
  --background: #F7FAFF;
  --foreground: #28306F;
  --rk-room-cool: #F7FAFF;
  --surface: #F7FAFF;
  --surface-bright: #FFFFFF;
  --surface-dim: #EEF3FB;
  --surface-container-lowest: #FFFFFF;
  --surface-container-low: #F8FBFF;
  --surface-container: #F5F8FD;
  --surface-container-high: #EEF3FB;
  --surface-container-highest: #E8EEF8;
  --card: var(--surface-container-lowest);
  --card-foreground: var(--foreground);
  --popover: var(--surface-container-lowest);
  --popover-foreground: var(--foreground);
  --primary: #C4316B;
  --primary-foreground: #FFFFFF;
  --primary-hover: #9F255B;
  --primary-container: #FBD6E6;
  --on-primary-container: #9F255B;
  --secondary: #F5F8FD;
  --secondary-foreground: #4A5188;
  --tertiary: #B07B12;
  --tertiary-foreground: #FFFFFF;
  --tertiary-container: #FFF7EA;
  --on-tertiary-container: #66320F;
  --muted: #F5F8FD;
  --muted-foreground: #6A709A;
  --accent: #FFF7EA;
  --accent-foreground: #B07B12;
  --destructive: #C23A72;
  --destructive-foreground: #FFFFFF;

  /* Shape, borders, elevation, and motion. */
  --outline: rgba(40, 48, 111, 0.14);
  --outline-variant: rgba(40, 48, 111, 0.07);
  --border: rgba(40, 48, 111, 0.07);
  --border-strong: rgba(40, 48, 111, 0.14);
  --input: rgba(40, 48, 111, 0.10);
  --ring: rgba(196, 49, 107, 0.42);
  --radius: 0.625rem;
  --rk-control-radius: 10px;
  --rk-card-radius: 24px;
  --rk-card-shadow: 0 1px 2px rgba(40,48,111,0.05), 0 12px 30px -18px rgba(40,48,111,0.28);
  --rk-overlay-shadow: 0 24px 56px -30px rgba(40,48,111,0.38), 0 4px 12px rgba(40,48,111,0.08);
  --rk-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --rk-dur-fast: 140ms;
  --rk-dur: 220ms;

  /* Chartered Journal exception. No other room may use these. */
  --rk-journal-paper-hi: #FDF8F5;
  --rk-journal-paper-lo: #FBF2EE;
  --rk-journal-rule: rgba(154,103,94,0.22);
}