/* ============================================================
   COLORS — Kizuna Japan Travel
   Dark-first. Gold-on-black luxury, modern-minimal.
   Gold is an ACCENT — reserve it for the mark, key CTAs,
   eyebrows, dividers and small flourishes. Never flood
   large surfaces with gold.
   ============================================================ */

:root {
  /* ---- Champagne gold (the signature) ---------------------- */
  --gold-deep:    #9C7C36;  /* pressed / shadowed gold        */
  --gold:         #C7A24E;  /* primary champagne gold         */
  --gold-soft:    #D9BC7B;  /* hover / lifted gold            */
  --gold-light:   #ECD6A0;  /* pale gold highlight            */
  --gold-wash:    #2A2310;  /* gold tint on dark (backgrounds)*/
  --gold-wash-2:  #1C1809;  /* quieter gold tint              */

  /* ---- Ink / dark neutrals (warm-charcoal scale) ----------- */
  --ink:          #0B0B0C;  /* page background (near black)   */
  --obsidian:     #101012;  /* alt page / footer              */
  --charcoal:     #161619;  /* card / surface                 */
  --graphite:     #1F1F23;  /* elevated surface, inputs       */
  --slate:        #2A2A30;  /* strong border, dividers        */
  --slate-soft:   #232328;  /* quiet border                   */

  /* ---- Light neutrals (paper / ivory for light sections) --- */
  --paper:        #FAF7EF;  /* warm ivory page                */
  --paper-2:      #F1EADA;  /* quieter paper                  */
  --paper-3:      #E7DECB;  /* paper border / divider         */
  --ink-on-paper: #18181A;  /* text on paper                  */

  /* ---- Text on dark ---------------------------------------- */
  --ivory:        #F6F3EC;  /* primary text (warm white)      */
  --silver:       #C7C4BB;  /* secondary text                 */
  --ash:          #8C8A83;  /* tertiary / metadata            */
  --faint:        #5A5955;  /* disabled / placeholder         */

  /* ---- Hairlines (translucent on dark) --------------------- */
  --hairline:        rgba(246, 243, 236, 0.10);
  --hairline-soft:   rgba(246, 243, 236, 0.06);
  --hairline-gold:   rgba(199, 162, 78, 0.32);

  /* ---- Semantic (Japanese-tinted) -------------------------- */
  --jade:         #5E9C7E;  /* success — matcha jade          */
  --jade-wash:    #15241D;
  --vermilion:    #C8553D;  /* error — shu-iro (torii red)    */
  --vermilion-wash:#291310;
  --amber:        #D9A441;  /* warning                        */
  --amber-wash:   #2A2008;
  --indigo:       #5E78A8;  /* info — ai (indigo)             */
  --indigo-wash:  #131927;

  /* ============================================================
     SEMANTIC ALIASES — use these in components
     ============================================================ */
  --bg-page:        var(--ink);
  --bg-page-alt:    var(--obsidian);
  --surface:        var(--charcoal);
  --surface-raised: var(--graphite);
  --surface-light:  var(--paper);

  --text-primary:   var(--ivory);
  --text-secondary: var(--silver);
  --text-muted:     var(--ash);
  --text-disabled:  var(--faint);
  --text-on-gold:   var(--ink);
  --text-on-paper:  var(--ink-on-paper);

  --accent:         var(--gold);
  --accent-strong:  var(--gold-soft);
  --accent-pressed: var(--gold-deep);

  --border:         var(--hairline);
  --border-strong:  var(--slate);
  --border-gold:    var(--hairline-gold);

  --focus-ring:     rgba(199, 162, 78, 0.55);
}