/* ═══════════════════════════════════════════
   KLYA — Design System Variables
   File: assets/css/variables.css
   Importare PRIMO in ogni pagina HTML
═══════════════════════════════════════════ */

:root {
  /* Backgrounds */
  --bg-primary:    #FAF8F5;
  --bg-secondary:  #F5F1E8;
  --bg-dark:       #2C2826;

  /* Gold palette */
  --gold:          #C9A66B;
  --gold-dark:     #B8956A;
  --gold-light:    #E5D4B8;
  --gold-xlight:   #F5EDD8;

  /* Text */
  --text-dark:     #2C2826;
  --text-mid:      #4A4543;
  --text-light:    #8A8784;
  --white:         #FFFFFF;

  /* State colors */
  --success:       #d4f4dd;
  --error:         #ffd4d4;
  --warning:       #fff4d4;
  --info:          #d4e4ff;

  /* Typography */
  --font-h: 'Cormorant Garamond', serif;
  --font-b: 'Inter', sans-serif;

  /* Shape */
  --r-card:  10px;
  --r-btn:   28px;

  /* Shadows */
  --shadow:    0 4px 24px rgba(44, 40, 38, .09);
  --shadow-lg: 0 12px 48px rgba(44, 40, 38, .14);

  /* Transitions */
  --transition: .35s cubic-bezier(.4, 0, .2, 1);
}