/* ================================
   COLOR TOKENS - Corey's Bookshop
   "The Reading Room" Palette
   Single source of truth for all colors
   ================================ */

:root {
  /* Raw Palette - The Reading Room */
  --color-parchment: #F5F0E8;
  --color-old-paper: #E8DCB8;
  --color-warm-white: #FFFDF8;
  --color-deep-ink: #2C2418;
  --color-faded-ink: #5C4D3C;
  --color-gilded: #B8860B;
  --color-leather: #6B3A2A;
  --color-moorland: #4A5D4A;
  --color-bookshelf: #3B2F25;
  --color-dustjacket: #8C8078;

  /* Book Cover Colors (from skeleton) */
  --color-burgundy-deep: #2E1118;
  --color-burgundy-dark: #4A1C28;
  --color-burgundy-mid: #6B2D3C;
  --color-burgundy-light: #7D3A4A;
  --color-green-deep: #0F2318;
  --color-green-dark: #1C3D2E;
  --color-green-mid: #2D4A3E;
  --color-green-light: #3D5A4E;

  /* Spine & Desk */
  --color-spine-dark: #1A1412;
  --color-spine-mid: #2C2420;
  --color-spine-light: #3D332C;
  --color-desk-dark: #3D2E24;
  --color-desk-mid: #5C4A3A;
  --color-desk-light: #6B5A4A;

  /* Semantic Color Tokens */
  --bg-page: var(--color-parchment);
  --bg-surface: var(--color-warm-white);
  --bg-surface-dark: var(--color-bookshelf);
  --bg-card: var(--color-warm-white);

  --text-primary: var(--color-deep-ink);
  --text-secondary: var(--color-faded-ink);
  --text-muted: var(--color-dustjacket);
  --text-light: var(--color-parchment);
  --text-light-muted: rgba(245, 240, 232, 0.75);
  --text-heading: var(--color-deep-ink);
  --text-faded: rgba(92, 77, 60, 0.25);

  /* Additional page colors */
  --color-cream-dark: #EDE8DC;

  /* Page Background Shades (book pages get slightly different tints) */
  --page-bg-cover: #F5F0E8;
  --page-bg-1: #F6F1E9;
  --page-bg-2: #F4EEE4;
  --page-bg-3: #F7F2EA;
  --page-bg-4: #F3EDE3;
  --page-bg-5: #F5EFE6;
  --page-bg-6: #F6F0E7;
  --page-bg-7: #F4EDE4;
  --page-bg-8: #F7F1E8;
  --page-bg-9: #F3ECE2;
  --page-bg-10: #F5EEE5;
  --page-bg-11: #F6EFE6;
  --page-bg-12: #F4EDE3;
  --page-bg-13: #F7F0E7;
  --page-bg-14: #F3EBE1;
  --page-bg-15: #F5EDE4;
  --page-bg-back: #F2EAE0;

  --accent-primary: var(--color-gilded);
  --accent-secondary: var(--color-moorland);
  --accent-hover: #9A7209;

  --border-subtle: rgba(139, 128, 120, 0.2);
  --border-medium: rgba(139, 128, 120, 0.35);
  --border-strong: var(--color-dustjacket);
  --border-gold: var(--color-gilded);

  /* Component-Specific Mappings */
  --button-primary-bg: var(--color-leather);
  --button-primary-text: var(--color-warm-white);
  --button-primary-hover: #7D4535;
  --button-secondary-bg: transparent;
  --button-secondary-text: var(--color-leather);
  --button-secondary-border: var(--color-gilded);

  --nav-bg: var(--color-bookshelf);
  --nav-text: var(--color-parchment);
  --nav-text-muted: rgba(245, 240, 232, 0.75);
  --nav-accent: var(--color-gilded);

  --card-bg: var(--color-warm-white);
  --card-border: var(--border-subtle);
  --card-border-hover: var(--color-gilded);
  --card-shadow: rgba(44, 36, 24, 0.1);

  --footer-bg: var(--color-bookshelf);
  --footer-text: var(--color-parchment);
  --footer-text-muted: rgba(245, 240, 232, 0.7);

  /* Form Colors */
  --input-bg: var(--color-warm-white);
  --input-border: var(--border-medium);
  --input-border-focus: var(--color-gilded);
  --input-text: var(--color-deep-ink);
  --input-placeholder: var(--color-dustjacket);

  /* State Colors */
  --color-error: #B44444;
  --color-success: var(--color-moorland);
  --color-info: var(--color-gilded);

  /* Link Colors */
  --link-color: var(--color-gilded);
  --link-hover: #9A7209;
  --link-visited: var(--color-leather);
}