/* ===========================================================================
   Rodrigo Martins — Color tokens
   The brand is RED-predominant: deep wine/burgundy is the signature ground.
   Champagne gold (from the logo tagline + diamond) is the single accent.
   Cream/ivory carries text on dark and forms the light content surfaces.
   =========================================================================== */

:root {
  /* --- Wine / red scale (primary brand colour) ----------------------------
     Sampled from the logo monogram (#6c1418) and landing ground (#610606),
     extended into a full ramp. Wine is the dominant surface AND the brand red. */
  --wine-950: #1C0405;   /* deepest near-black wine — page base in dark mode  */
  --wine-900: #2A0708;
  --wine-850: #3A0A0C;
  --wine-800: #4A0F13;   /* primary dark surface (rich, slightly warm)        */
  --wine-700: #611014;   /* landing ground tone                               */
  --wine-600: #7C1418;   /* logo monogram red                                 */
  --wine-500: #9E1B22;   /* PRIMARY RED — buttons, emphasis                   */
  --wine-400: #BE2F36;   /* hover / brighter red                              */
  --wine-300: #D85A60;
  --wine-200: #ECA0A3;
  --wine-100: #F7D6D7;

  /* --- Champagne gold (single accent) ------------------------------------ */
  --gold-700: #856226;
  --gold-600: #A07A35;
  --gold-500: #BF9D57;   /* PRIMARY GOLD — tagline / accent lines / details   */
  --gold-400: #D2B679;
  --gold-300: #E4CF9E;
  --gold-200: #F1E5C7;

  /* --- Cream / ivory (text on dark + light surfaces) --------------------- */
  --cream-50:  #FBF8F2;
  --cream-100: #F4EEE1;
  --cream-200: #E9DFCC;
  --cream-300: #D9CBB0;

  /* --- Warm neutrals (ink for light surfaces) --------------------------- */
  --ink-950: #17110F;
  --ink-900: #211815;   /* primary text on light                             */
  --ink-700: #463733;
  --ink-500: #6E5B56;   /* muted text on light                               */
  --ink-400: #927E78;
  --ink-300: #B8A69F;
  --ink-200: #DDD2CB;
  --ink-100: #EFE8E3;

  /* --- Charcoal (the suit / cool neutral, used sparingly) --------------- */
  --char-900: #131517;
  --char-700: #2A2D30;

  /* --- Functional --------------------------------------------------------
     WhatsApp green is kept ONLY for the live "Falar agora" contact action,
     a documented exception to the red-only rule. Default CTAs use red. */
  --whatsapp:        #25A85B;
  --whatsapp-hover:  #1F9350;
  --success:         #3F9D52;
  --danger:          #C0392B;

  /* ======================================================================
     SEMANTIC ALIASES  — prefer these in components
     ====================================================================== */

  /* Surfaces — DARK (the brand's signature ground) */
  --surface-base:        var(--wine-800);
  --surface-deep:        var(--wine-950);
  --surface-deep-2:      var(--wine-900);
  --surface-glass:       rgba(255, 248, 240, 0.05);
  --surface-glass-2:     rgba(20, 4, 5, 0.45);

  /* Surfaces — LIGHT (content sections) */
  --surface-light:       var(--cream-50);
  --surface-light-2:     var(--cream-100);
  --surface-card:        #FFFFFF;

  /* Brand */
  --brand-red:           var(--wine-500);
  --brand-red-deep:      var(--wine-700);
  --accent-gold:         var(--gold-500);
  --accent-gold-soft:    var(--gold-300);

  /* Text on dark */
  --text-on-dark:        var(--cream-100);
  --text-on-dark-muted:  rgba(244, 238, 225, 0.66);
  --text-on-dark-faint:  rgba(244, 238, 225, 0.40);

  /* Text on light */
  --text-on-light:       var(--ink-900);
  --text-on-light-muted: var(--ink-500);
  --text-on-light-faint: var(--ink-400);

  /* Actions */
  --action:              var(--wine-500);
  --action-hover:        var(--wine-400);
  --action-press:        var(--wine-600);
  --action-text:         var(--cream-50);

  /* Borders & lines */
  --border-on-dark:      rgba(244, 238, 225, 0.12);
  --border-gold:         rgba(191, 157, 87, 0.42);
  --border-gold-soft:    rgba(191, 157, 87, 0.20);
  --border-on-light:     var(--ink-200);

  /* Focus */
  --focus-ring:          rgba(191, 157, 87, 0.55);
}