/**
 * HOROSKOPAI.ONLINE Design Tokens & Variables
 * Pagrįsta @horoskopai.png vizualine kalba
 */

:root {
  /* Šviesi spalvų paletė (Luxury Light Editorial) pagal vidinis.png */
  --color-bg: #FAF9F6;
  --color-bg-secondary: #F5F2EB;
  --color-bg-tertiary: #EFEBE2;
  
  --color-surface: #FFFFFF;
  --color-surface-elevated: #FFFFFF;
  --color-surface-opaque: #FAF9F6;
  --color-surface-warm: #F7F5F0;
  --color-surface-input: #F0EDE8;
  
  --color-border: #E8E4DC;
  --color-border-hover: #D6D0C5;
  --color-border-gold: rgba(183, 143, 82, 0.35);
  --color-border-gold-active: #B78F52;

  --color-gold: #B78F52;
  --color-gold-light: #CBB07E;
  --color-gold-dark: #8E6831;
  --color-bronze: #A0783D;
  
  --color-text: #1C1917;
  --color-text-secondary: #57534E;
  --color-text-muted: #8C877F;
  --color-text-light: #FFFFFF;
  --color-text-dark: #1C1917;

  /* Sferų spalvos pagal vidinis.png */
  --color-sphere-love: #D94B5E;
  --color-sphere-career: #B78F52;
  --color-sphere-health: #3D8E55;
  --color-sphere-finance: #3B729E;

  /* Šešėliai ir gradientai */
  --gold-glow: 0 4px 20px rgba(183, 143, 82, 0.2);
  --gold-glow-lg: 0 8px 30px rgba(183, 143, 82, 0.3);
  --card-shadow: 0 2px 12px rgba(28, 25, 23, 0.04);
  --card-shadow-hover: 0 8px 24px rgba(28, 25, 23, 0.08);
  --gradient-gold: linear-gradient(135deg, #C59D5F 0%, #B78F52 50%, #9E773D 100%);
  --gradient-gold-hover: linear-gradient(135deg, #D4AC6E 0%, #C59D5F 50%, #AC854B 100%);
  --gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #FAF9F6 100%);

  /* Tipografija */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;

  /* Dydžiai ir tinklelis */
  --container-max: 1360px;
  --container-pad: 24px;
  --header-height: 76px;

  /* Kampų apvalinimas */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  /* Animacijos ir perėjimai */
  --transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}