/* Design tokens — fuente única de verdad para colores, tipografía, espaciado, motion */
:root {
  /* Color · Background */
  --bg-base:    #07090C;
  --bg-elev-1:  #0B0F14;
  --bg-elev-2:  #11161D;

  /* Color · Glass surfaces */
  --glass-base:   rgba(22, 28, 36, 0.55);
  --glass-elev:   rgba(28, 36, 46, 0.72);
  --glass-modal:  rgba(16, 20, 26, 0.88);

  /* Color · Borders */
  --border-subtle: rgba(201, 162, 107, 0.14);
  --border-strong: rgba(201, 162, 107, 0.32);
  --border-glow:   rgba(201, 162, 107, 0.55);

  /* Color · Brand */
  --gold:         #C9A26B;
  --gold-bright:  #E5C38A;
  --gold-dim:     #8C7448;
  --ivory:        #F4EDE0;

  /* Color · Text */
  --text-primary: #E8E2D4;
  --text-muted:   #9CA4AE;
  --text-faint:   #6B7280;

  /* Color · Semantic */
  --positive:  #4ADE80;
  --negative:  #F87171;
  --warn:      #FBBF24;
  --info:      #6AA9FF;

  /* Backdrop blur */
  --blur-sm:  blur(8px);
  --blur-md:  blur(16px);
  --blur-lg:  blur(24px);
  --blur-xl:  blur(40px);

  /* Shadow */
  --shadow-card: 0 8px 28px rgba(0,0,0,.35);
  --shadow-elev: 0 20px 60px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.3);
  --shadow-glow: 0 0 32px rgba(201,162,107,.18);

  /* Font families */
  --font-sans:  'Inter', -apple-system, system-ui, sans-serif;
  --font-serif: 'Cormorant Garamond', serif;

  /* Font sizes (con clamp para fluidez) */
  --type-display: clamp(48px, 6vw, 64px);
  --type-h1:      clamp(28px, 3vw, 32px);
  --type-h2:      clamp(20px, 2vw, 24px);
  --type-body:    14px;
  --type-caption: 11px;
  --type-accent:  16px;

  /* Spacing scale */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;

  /* Motion */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-quick: 140ms;
  --dur-base:  280ms;
  --dur-slow:  560ms;

  /* Layout */
  --shell-max: 1440px;
  --shell-pad: 32px;
}