/* ═══════════════════════════════════════════════════════════
   AUPTIMA — Thème LIGHT
   Blanc chaud + accent ambre/or
   ═══════════════════════════════════════════════════════════ */

:root {
  /* Palette */
  --bg:        #F8F5EF;
  --bg-2:      #EDE8DF;
  --bg-card:   #FFFFFF;
  --accent:    #E8A020;
  --accent-lt: #F5C048;
  --accent-dk: #8B5D0E;
  --text:      #0D1421;
  --text-2:    #374151;
  --text-3:    #9CA3AF;
  --border:    rgba(0,0,0,0.09);
  --border-a:  rgba(232,160,32,0.35);
  --radius:    14px;
  --radius-sm: 8px;
  --shadow:    0 2px 16px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.04);
  --shadow-g:  0 4px 36px rgba(232,160,32,0.22);
  --trans:     0.3s ease;
  --font:      'Inter', system-ui, -apple-system, sans-serif;

  /* Navbar */
  --navbar-bg:            rgba(248,245,239,0.6);
  --navbar-bg-scroll:     rgba(248,245,239,0.97);
  --navbar-blur-scroll:   blur(20px);
  --navbar-border-scroll: rgba(0,0,0,0.09);
  --navbar-shadow-scroll: 0 1px 16px rgba(0,0,0,0.06);
  --nav-overlay-bg:       rgba(248,245,239,0.99);

  /* Hero */
  --hero-pattern:      radial-gradient(circle, rgba(232,160,32,0.22) 1.5px, transparent 1.5px);
  --hero-pattern-size: 44px 44px;
  --hero-glow-top:       30%;
  --hero-glow-left:      auto;
  --hero-glow-right:     -100px;
  --hero-glow-transform: none;
  --hero-glow-w:         600px;
  --hero-glow-h:         500px;
  --hero-glow-bg:        radial-gradient(ellipse at center, rgba(232,160,32,0.1) 0%, transparent 65%);
  --hero-scroll-grad:    linear-gradient(to bottom, rgba(0,0,0,0.15), transparent);

  /* Boutons */
  --btn-primary-color: #0D1421;

  /* SVG illustrations */
  --svc-chat-stroke: rgba(0,0,0,0.07);
}