/* ============================================================
   The Reset Lab — Design Tokens v1
   ============================================================ */

:root {
  /* Foundation */
  --rl-navy:          #0B1F3A;
  --rl-navy-light:    #1A3A5C;
  --rl-aqua:          #37C7D0;
  --rl-aqua-light:    #E8F8F9;
  --rl-white:         #FFFFFF;
  --rl-off-white:     #FAFAF8;
  --rl-cream:         #F5F7FA;
  --rl-gray-100:      #E4E7EC;
  --rl-gray-200:      #BBBCCB;
  --rl-gray-400:      #6B7280;
  --rl-gray-700:      #333333;

  /* Signature Accent */
  --rl-soft-blue:     #5B8BB8;
  --rl-teal-deep:     #0F8E96;

  /* Pillar Chips */
  --rl-pillar-health: #2ECC71;
  --rl-pillar-mind:   #3B9FD9;
  --rl-pillar-wealth: #D4A843;

  /* Semantic */
  --rl-success:       #10B981;
  --rl-warning:       #F59E0B;
  --rl-danger:        #E74C3C;
  --rl-info:          #3B9FD9;

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   20px;
  --radius-full: 9999px;

  /* Shadows (navy-tinted) */
  --shadow-xs:  0 1px 2px rgba(11, 31, 58, 0.04);
  --shadow-sm:  0 2px 4px rgba(11, 31, 58, 0.06);
  --shadow-md:  0 4px 12px rgba(11, 31, 58, 0.08);
  --shadow-lg:  0 8px 24px rgba(11, 31, 58, 0.10);
  --shadow-xl:  0 16px 40px rgba(11, 31, 58, 0.12);

  /* Motion */
  --ease-soft:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-std:   cubic-bezier(0.4, 0, 0.2, 1);
}