/* ============================================================
   Evolvra Website — Design Tokens
   Mirrors design-tokens.css v0.2.0 + dark surface extensions
   ============================================================ */
:root {
  /* Backgrounds — light */
  --ev-bg-page:     #F8F6F2;
  --ev-bg-surface:  #FFFFFF;
  --ev-bg-elevated: #FDFCFA;
  --ev-bg-sunken:   #F1EEE8;
  --ev-bg-hover:    #F4F1EB;
  --ev-bg-active:   #EDE9E1;

  /* Backgrounds — dark (brain section) */
  --ev-bg-dark:   #0B0A09;
  --ev-bg-dark-2: #15120F;
  --ev-bg-dark-3: #1F1A14;

  /* Text — light */
  --ev-text-primary:     #1A1714;
  --ev-text-secondary:   #6B6560;
  --ev-text-tertiary:    #9C958D;
  --ev-text-placeholder: #B8B2AA;

  /* Text — dark */
  --ev-text-on-dark:   #F5F2EC;
  --ev-text-on-dark-2: #A8A199;
  --ev-text-on-dark-3: #5A554F;

  /* Borders — light */
  --ev-border-light:   rgba(26, 23, 20, 0.06);
  --ev-border-default: rgba(26, 23, 20, 0.10);
  --ev-border-strong:  rgba(26, 23, 20, 0.18);

  /* Borders — dark */
  --ev-border-on-dark:   rgba(255, 248, 235, 0.09);
  --ev-border-on-dark-2: rgba(255, 248, 235, 0.16);

  /* Brand — red */
  --ev-red:        #C23050;
  --ev-red-hover:  #AA2844;
  --ev-red-subtle: #FFF0F3;
  --ev-red-muted:  #F5BEC9;
  --ev-red-text:   #8C1A30;

  /* Brand — blue */
  --ev-blue:        #7ECCE6;
  --ev-blue-hover:  #60B8D8;
  --ev-blue-subtle: #F0FAFD;
  --ev-blue-muted:  #C0E8F5;
  --ev-blue-text:   #1A6A87;

  /* Brand — gradient */
  --ev-purple:      #8B4AA0;
  --ev-orange:      #D47B3E;
  --ev-success:     #4A9B5E;
  --ev-success-subtle: #EFF7F1;
  --ev-success-text:   #2A6B3A;

  /* Semantic — warning / danger / info (mirror design-tokens.css v0.2.0) */
  --ev-warning:        #C48A2C;
  --ev-warning-subtle: #FDF6E8;
  --ev-warning-text:   #7A5518;
  --ev-danger:         #D04A2F;
  --ev-danger-subtle:  #FEF0EC;
  --ev-danger-text:    #9A2A14;
  --ev-info:           var(--ev-blue);
  --ev-info-subtle:    var(--ev-blue-subtle);
  --ev-info-text:      var(--ev-blue-text);
  --ev-gradient:    linear-gradient(135deg, #C23050 0%, #8B4AA0 50%, #60D2F2 100%);
  --ev-gradient-h:  linear-gradient(90deg,  #C23050 0%, #8B4AA0 50%, #60D2F2 100%);
  --ev-gradient-v:  linear-gradient(180deg, #C23050 0%, #8B4AA0 50%, #60D2F2 100%);

  /* Zone colors */
  --ev-zone-emotion:     #C23050;
  --ev-zone-reasoning:   #8B4AA0;
  --ev-zone-memory:      #60B8D8;
  --ev-zone-perception:  #7ECCE6;
  --ev-zone-personality: #D47B3E;
  --ev-zone-default:     #6B9B5E;

  /* Radius */
  --ev-radius-sm:   6px;
  --ev-radius-md:   10px;
  --ev-radius-lg:   14px;
  --ev-radius-full: 9999px;

  /* Shadows */
  --ev-shadow-sm: 0 1px 3px  rgba(26, 23, 20, 0.05);
  --ev-shadow-md: 0 2px 10px rgba(26, 23, 20, 0.07);
  --ev-shadow-lg: 0 6px 24px rgba(26, 23, 20, 0.09);

  /* Typography */
  --ev-font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ev-font-cjk:  'Noto Sans SC', sans-serif;
  --ev-font-mono: 'JetBrains Mono', 'SF Mono', 'Consolas', 'Menlo', monospace;
  --ev-font:      var(--ev-font-sans); /* alias — landing/legacy pages reference --ev-font */

  /* Easing */
  --ev-ease:     cubic-bezier(0.32, 0.72, 0, 1);
  --ev-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Transitions (mirror design-tokens.css v0.2.0) */
  --ev-transition-fast:   0.1s ease;
  --ev-transition-normal: 0.15s ease;
  --ev-transition-slow:   0.25s ease;
}