/* Saitas — Editorial Plum & Champagne tokens */
/* Web fonts moved to assets/styles/fonts.css (self-hosted).
   The previous `@import url('https://fonts.googleapis.com/...')` here
   leaked every visitor's IP to Google in the US — Schrems II + LG
   München I 2022. fonts.css is linked from base.html.twig before this
   file so the @font-face rules are registered when --f-display resolves. */

:root, [data-theme="light"] {
  --bg:           #F1E7D8;
  --surface:      #FBF5EA;
  --surface-alt:  #ECDFC9;
  --surface-deep: #E2D2BA;

  --ink:          #1F0E1B;
  --ink-soft:     #4A2D3F;
  --ink-muted:    #897380;
  --ink-faint:    #B19DA7;

  --line:         #DCC8B5;
  --line-soft:    #E8DBC8;

  --gold:         #BC8E50;
  --gold-deep:    #8E6633;
  --gold-soft:    #E5CFAC;
  --plum:         #5C2340;
  --plum-deep:    #3F1729;
  --plum-soft:    #8B4A66;
  --rose:         #B0667D;
  --rose-soft:    #E5C0CC;
  --mint:         #5B8E72;
  --coral:        #C5614F;

  --primary:        var(--plum);
  --primary-hover:  var(--plum-deep);
  --accent:         var(--gold);

  --g-primary: linear-gradient(135deg, #5C2340 0%, #2B0F1D 100%);
  --g-warm:    linear-gradient(135deg, #BC8E50 0%, #5C2340 100%);
  --g-night:   linear-gradient(135deg, #1F0E1B 0%, #4A2D3F 100%);
  --g-rose:    linear-gradient(135deg, #B0667D 0%, #5C2340 100%);

  --shadow-color: 22 8 20;
}

[data-theme="dark"] {
  --bg:           #140912;
  --surface:      #1F121E;
  --surface-alt:  #2A1B2A;
  --surface-deep: #341F31;

  --ink:          #F1E7D8;
  --ink-soft:     #C9B5BF;
  --ink-muted:    #8E7886;
  --ink-faint:    #5C4853;

  --line:         #38242F;
  --line-soft:    #2A1B2A;

  --gold:         #D9AC6E;
  --gold-deep:    #BC8E50;
  --gold-soft:    #5C4530;
  --plum:         #C77E9D;
  --plum-deep:    #B0667D;
  --plum-soft:    #6F324C;
  --rose:         #C99CAC;
  --rose-soft:    #4A2C39;
  --mint:         #80B49A;
  --coral:        #D88775;

  --primary:        var(--plum);
  --primary-hover:  var(--plum-deep);
  --accent:         var(--gold);

  --g-primary: linear-gradient(135deg, #C77E9D 0%, #5C2340 100%);
  --g-warm:    linear-gradient(135deg, #D9AC6E 0%, #C77E9D 100%);
  --shadow-color: 0 0 0;
}

:root {
  --f-display: "Fraunces", "Playfair Display", Georgia, serif;
  --f-sans:    "Inter", -apple-system, "SF Pro Text", system-ui, sans-serif;
  --f-mono:    "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;

  --r-card:  16px;
  --r-pill:  999px;
  --r-input: 10px;
  --r-modal: 24px;

  --sh-sm:  0 1px 2px rgba(var(--shadow-color) / 0.05);
  --sh-md:  0 4px 14px rgba(var(--shadow-color) / 0.08);
  --sh-lg:  0 12px 32px rgba(var(--shadow-color) / 0.14);
  --sh-glow: 0 0 0 4px rgba(92, 35, 64, 0.18);

  --ease-spring: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-base: 220ms;
  --dur-slow: 320ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* density tweak */
[data-density="compact"] { --sp-3: 8px; --sp-4: 12px; --sp-5: 16px; --sp-6: 24px; }
[data-density="airy"]    { --sp-3: 14px; --sp-4: 20px; --sp-5: 30px; --sp-6: 40px; }

[data-radius="sharp"]   { --r-card: 6px;  --r-input: 4px;  --r-modal: 12px; }
[data-radius="default"] { --r-card: 16px; --r-input: 10px; --r-modal: 24px; }
[data-radius="round"]   { --r-card: 24px; --r-input: 16px; --r-modal: 32px; }

/* Font pairing */
[data-fonts="fraunces"] { --f-display: "Fraunces", Georgia, serif; --f-sans: "Inter", system-ui, sans-serif; }
[data-fonts="modern"]   { --f-display: "Inter", system-ui, sans-serif; --f-sans: "Inter", system-ui, sans-serif; }
[data-fonts="classic"]  { --f-display: "Playfair Display", Georgia, serif; --f-sans: "Inter", system-ui, sans-serif; }

/* Palette tweak overrides */
[data-palette="champagne"] {
  --primary: #5C2340; --primary-hover: #3F1729; --accent: #BC8E50;
  --rose: #B0667D;
}
[data-palette="rose"] {
  --primary: #B0667D; --primary-hover: #8B4A66; --accent: #D4A88F;
}
[data-palette="emerald"] {
  --primary: #2C5947; --primary-hover: #1C3D30; --accent: #C9A36B;
}
[data-palette="midnight"] {
  --primary: #2D3060; --primary-hover: #1A1C42; --accent: #C9A36B;
}