/* iShine Forever — Coastal Luxury Bohemian palette */

:root,
[data-theme='light'] {
  /* Surfaces — warm ivory / sand */
  --color-bg: #faf6ef;
  --color-surface: #fffdfa;
  --color-surface-2: #f5efe4;
  --color-surface-offset: #efe7d8;
  --color-divider: #e3d9c6;
  --color-border: #ddd0b8;

  /* Text — espresso */
  --color-text: #2a2319;
  --color-text-muted: #7a6f5c;
  --color-text-faint: #b3a78f;
  --color-text-inverse: #fffdfa;

  /* Accent — champagne gold */
  --color-primary: #a87c30;
  --color-primary-hover: #8a6322;
  --color-primary-active: #6e4d18;
  --color-primary-soft: #efe2c6;

  /* Secondary — ocean teal (coastal) */
  --color-secondary: #2f7d80;
  --color-secondary-soft: #d4e8e6;

  /* Brand blue — logo cobalt (used sparingly: ratings, sequence, accents) */
  --color-blue: #0b4ca0;
  --color-blue-soft: #e6eef9;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.75rem;
  --radius-full: 9999px;

  --transition-interactive: 220ms cubic-bezier(0.16, 1, 0.3, 1);

  --shadow-sm: 0 1px 2px oklch(0.25 0.02 70 / 0.06);
  --shadow-md: 0 8px 24px oklch(0.25 0.02 70 / 0.10);
  --shadow-lg: 0 24px 60px oklch(0.25 0.02 70 / 0.16);

  --content-narrow: 640px;
  --content-default: 1120px;
  --content-wide: 1320px;

  --font-display: 'Instrument Serif', 'Cormorant', Georgia, serif;
  --font-body: 'Work Sans', 'Helvetica Neue', sans-serif;
}

[data-theme='dark'] {
  --color-bg: #141110;
  --color-surface: #1c1815;
  --color-surface-2: #221d18;
  --color-surface-offset: #241f1a;
  --color-divider: #2e2823;
  --color-border: #3a3128;

  --color-text: #ece3d5;
  --color-text-muted: #a89c87;
  --color-text-faint: #6b6151;
  --color-text-inverse: #1c1815;

  --color-primary: #d4af6a;
  --color-primary-hover: #e2c285;
  --color-primary-active: #f0d29c;
  --color-primary-soft: #2e2417;

  --color-secondary: #6fb3b5;
  --color-secondary-soft: #1a2c2d;

  --color-blue: #5b9be0;
  --color-blue-soft: #1a2740;

  --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.3);
  --shadow-md: 0 8px 24px oklch(0 0 0 / 0.4);
  --shadow-lg: 0 24px 60px oklch(0 0 0 / 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --color-bg: #141110;
    --color-surface: #1c1815;
    --color-surface-2: #221d18;
    --color-surface-offset: #241f1a;
    --color-divider: #2e2823;
    --color-border: #3a3128;
    --color-text: #ece3d5;
    --color-text-muted: #a89c87;
    --color-text-faint: #6b6151;
    --color-text-inverse: #1c1815;
    --color-primary: #d4af6a;
    --color-primary-hover: #e2c285;
    --color-primary-active: #f0d29c;
    --color-primary-soft: #2e2417;
    --color-secondary: #6fb3b5;
    --color-secondary-soft: #1a2c2d;

    --color-blue: #5b9be0;
    --color-blue-soft: #1a2740;
  }
}