/* ==========================================================================
   AVENZA GROUP — DIGITAL BRAND TOKENS
   Sampled directly from authentic brand assets, logo gradient & architectural renders.
   ========================================================================== */

:root {
  /* --- Surfaces & Dark Palette (Sampled from Logo Background #1C1B17) --- */
  --ink-900: #0E0D0B;       /* Preloader, footer, deep background wells */
  --ink-800: #1C1B17;       /* Authentic Brand Background Surface */
  --ink-700: #26241F;       /* Card surfaces, raised glass panels */
  --ink-600: #34312B;       /* Card hover borders, subtle dividers */
  --ink-500: #48443D;       /* Inactive tabs, disabled states */

  /* --- Champagne Gold Gradient (Sampled across logo metallic sweep) --- */
  --gold-deep: #5B4520;    /* Gradient dark shadow */
  --gold-lo:   #9E7333;    /* Gradient low-tone & subtle borders */
  --gold:      #C19B4E;    /* Primary Brand Gold (Buttons, accents, badges) */
  --gold-hi:   #D1BC9C;    /* Highlight gold (Text on dark, bright badges) */
  --gold-light:#F3E5AB;    /* Radiant champagne glow */
  --gold-grad: linear-gradient(135deg, var(--gold-deep) 0%, var(--gold-lo) 30%, var(--gold) 65%, var(--gold-hi) 100%);
  --gold-shine: linear-gradient(90deg, var(--gold-lo), var(--gold-light), var(--gold));

  /* --- Cool Storm Counterpoint (Sampled from Render Sky #B1BBB9) --- */
  --storm:     #B1BBB9;    /* Architectural sky cool grey */
  --storm-dim: #7C8683;    /* Secondary metadata, captions */
  --storm-dark:#2C3432;    /* Dark cool wells */

  /* --- Warm Bone Text --- */
  --bone:       #EFEBE2;   /* Primary warm off-white text (13.9:1 contrast AAA) */
  --bone-muted: #BFA58E;   /* Muted secondary body copy */

  /* --- Functional Accents --- */
  --emerald:   #0E3B32;    /* Subtle luxury emerald glass tint */
  --success:   #2E7D32;    /* Lead success notification */
  --danger:    #C62828;    /* Validation alert */

  /* --- Typography Families --- */
  --font-display:   'Jost', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-editorial: 'Bodoni Moda', Georgia, serif;
  --font-body:      'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
  --font-mono:      'Space Grotesk', monospace;

  /* --- Typography Tracking Tokens --- */
  --tr-display: .14em;     /* Wide tracking for uppercase display headings */
  --tr-label:   .24em;     /* Extra wide tracking for micro labels & tags */
  --tr-body:    .01em;

  /* --- Fluid Scale & Typography Heights --- */
  --step--2: clamp(0.70rem, 0.68rem + 0.10vw, 0.76rem);
  --step--1: clamp(0.83rem, 0.80rem + 0.15vw, 0.92rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.20vw, 1.12rem);
  --step-1:  clamp(1.20rem, 1.14rem + 0.30vw, 1.38rem);
  --step-2:  clamp(1.44rem, 1.35rem + 0.45vw, 1.72rem);
  --step-3:  clamp(1.73rem, 1.59rem + 0.70vw, 2.15rem);
  --step-4:  clamp(2.07rem, 1.86rem + 1.05vw, 2.69rem);
  --step-5:  clamp(2.49rem, 2.17rem + 1.60vw, 3.45rem);
  --step-6:  clamp(3.10rem, 2.65rem + 2.45vw, 4.60rem);
  --step-7:  clamp(3.80rem, 3.10rem + 3.50vw, 6.00rem);

  /* --- Container Widths --- */
  --wrap-narrow: 920px;
  --wrap-main:   1280px;
  --wrap-wide:   1520px;

  /* --- Glassmorphism & Elevation Shadows --- */
  --glass-bg:     rgba(28, 27, 23, 0.75);
  --glass-border: rgba(193, 155, 78, 0.22);
  --glass-blur:   blur(16px);
  --shadow-card:  0 20px 40px rgba(0, 0, 0, 0.5), 0 0 1px rgba(193, 155, 78, 0.2);
  --shadow-gold:  0 10px 30px rgba(193, 155, 78, 0.25);

  /* --- Transitions & Motion Easing --- */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --transition-fast: 0.25s var(--ease-out-expo);
  --transition-mid:  0.50s var(--ease-out-expo);
  --transition-slow: 0.90s var(--ease-out-expo);
}