/* === RJ PATRIMOINE — DESIGN TOKENS === */
/* Direction: Graphite — fintech sobre, clair, moderne */

:root {
  /* Palette */
  --c-bg:            #FBFBF9;
  --c-surface:       #FFFFFF;
  --c-primary:       #1E1E24;
  --c-primary-hover: #2E2E35;
  --c-accent:        #4A6FA5;
  --c-accent-hover:  #3C5C8A;
  --c-accent-subtle: #EDF1F7;
  --c-text:          #1E1E24;
  --c-text-soft:     #5C5C66;
  --c-text-muted:    #90909A;
  --c-border:        #E6E6E4;
  --c-border-light:  #F0F0EE;
  --c-red:           #D14343;
  --c-green:         #2E7D5A;

  /* Typography */
  --font:            'DM Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:       'JetBrains Mono', monospace;
  --fs-xs:           .75rem;
  --fs-sm:           .8125rem;
  --fs-base:         .9375rem;
  --fs-md:           1.0625rem;
  --fs-lg:           1.1875rem;
  --fs-xl:           1.375rem;
  --fs-2xl:          1.75rem;
  --fs-3xl:          2.125rem;
  --fs-4xl:          2.75rem;
  --fw-400:          400;
  --fw-500:          500;
  --fw-600:          600;
  --fw-700:          700;
  --fw-800:          800;
  --lh-tight:        1.2;
  --lh-snug:         1.35;
  --lh-normal:       1.6;
  --lh-relaxed:      1.75;

  /* Spacing */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem; --s-8: 3rem; --s-10: 4rem;
  --s-12: 6rem; --s-16: 8rem;

  /* Layout */
  --w-container: 75rem; --w-content: 42rem;

  /* Radius */
  --r-sm: 6px; --r: 8px; --r-lg: 12px; --r-xl: 16px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(0,0,0,.04);
  --shadow-sm: 0 1px 4px rgba(0,0,0,.05);
  --shadow:    0 2px 12px rgba(0,0,0,.06);
  --shadow-lg: 0 4px 24px rgba(0,0,0,.08);

  /* Transitions */
  --ease: cubic-bezier(.16,1,.3,1);
  --fast: .15s; --norm: .3s;

  /* Z */
  --z-drop: 100; --z-sticky: 200; --z-overlay: 300; --z-modal: 400;
}