/* Prosperitet — design tokens. Izvor: prototip `const C` + PALETTE_OFFICIAL.md. */

:root {
  /* Surfaces */
  --c-cream:        #fcfaf4;
  --c-cream-warm:   #f7efde;
  --c-surface:      #ffffff;

  /* Brand teal */
  --c-teal:         #2d6d72;
  --c-teal-dark:    #1f5256;
  --c-teal-deepest: #0d2f33;
  --c-teal-light:   #e9f1f2;

  /* Brand gold */
  --c-gold:         #c8932a;
  --c-gold-light:   #e6b842; /* zlato NA teal pozadinama (WCAG) */
  --c-gold-soft:    #c8932a44;
  --c-brown-gold:   #8B6914;

  /* Text */
  --c-text:         #1a2a2e;
  --c-text-muted:   #5a6e72;
  --c-text-faint:   #8a9a9e;

  /* Lines */
  --c-border:       #e4dccb;
  --c-border-soft:  #efe6d2;

  /* Gradients */
  --g-teal:        linear-gradient(140deg, #0d2f33 0%, #1f5256 45%, #2d6d72 100%);
  --g-teal-radial: radial-gradient(ellipse at 25% 20%, #2d6d72 0%, #1f5256 50%, #0d2f33 100%);
  --g-gold-btn:    linear-gradient(135deg, #c8932a, #b8851f);
  --g-teal-btn:    linear-gradient(135deg, #1f5256, #2d6d72);
  --g-cream-soft:  linear-gradient(135deg, #f7efde, #fffdf6);

  /* Shadows */
  --shadow-sm:   0 1px 3px rgba(26,42,46,0.05), 0 1px 2px rgba(26,42,46,0.04);
  --shadow-md:   0 4px 14px rgba(26,42,46,0.08), 0 2px 6px rgba(26,42,46,0.04);
  --shadow-lg:   0 18px 48px rgba(26,42,46,0.14), 0 6px 16px rgba(26,42,46,0.08);
  --shadow-gold: 0 6px 20px rgba(200,147,42,0.34);
  --shadow-elev: 0 12px 40px rgba(26,42,46,0.18);

  /* Type */
  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans:  'Inter', system-ui, -apple-system, sans-serif;

  /* Easing */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --container: 1180px;
  --container-narrow: 900px;

  /* Film grain (overlay na teal blokovima) */
  --grain: url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

@keyframes fadeUp  { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes float   { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes scaleIn { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }
@keyframes fadeIn  { from { opacity: 0; } to { opacity: 1; } }
@keyframes goldPulse {
  0%   { box-shadow: 0 0 0 0 rgba(200,147,42,0.45); }
  70%  { box-shadow: 0 0 0 14px rgba(200,147,42,0); }
  100% { box-shadow: 0 0 0 0 rgba(200,147,42,0); }
}
@keyframes spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}