:root {
  color-scheme: light;

  --p1:           #736759;
  --p2:           #A17D59;
  --p1-deep:      #5B5148;
  --p2-deep:      #8A6947;
  --p1-tint:      #F4F3F1;
  --p2-tint:      #F6F1EB;

  --clay:         var(--p1);
  --clay-deep:    var(--p1-deep);
  --clay-soft:    var(--p2-tint);
  --clay-2:       var(--p2);
  --sage:         var(--p1);

  --ink:          #000000;
  --ink-2:        #414141;
  --ink-soft:     #5E5E5E;
  --ink-faint:    #757575;

  --paper:        #FFFFFF;
  --paper-2:      #FFFFFF;
  --paper-3:      #F5F4F2;
  --surface:      #FFFFFF;
  --tint:         #F7F6F4;

  --line:         #E7E5E1;
  --line-2:       #D6D3CE;

  --focus:        #736759;

  --inv-bg:       #FFFFFF;
  --inv-bg-2:     #FFFFFF;
  --inv-ink:      #000000;
  --inv-soft:     #5E5E5E;
  --inv-line:     #E7E5E1;

  --ok:    #3F6B4A;
  --warn:  #8A6B1E;
  --err:   #963A2E;
  --info:  #3A5A72;

  --font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-ui:      "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  --display-axes:   normal;
  --display-weight: 700;

  --fs-display:   clamp(2.5rem, 1.2rem + 5.2vw, 4.75rem);
  --fs-h1:        clamp(1.875rem, 1.25rem + 2.4vw, 3rem);
  --fs-h2:        clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
  --fs-h3:        clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
  --fs-lead:      clamp(1.0625rem, 1rem + 0.35vw, 1.1875rem);
  --fs-body:      1rem;
  --fs-sm:        0.875rem;
  --fs-micro:     0.75rem;

  --lh-tight:     1.04;
  --lh-snug:      1.16;
  --lh-body:      1.7;

  --track-micro:  0.12em;
  --track-tight:  -0.03em;

  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-7: 48px;  --s-8: 64px;
  --s-9: 96px;  --s-10: 128px; --s-11: 180px;

  --gutter:     clamp(20px, 4vw, 64px);
  --section-y:  clamp(40px, 4.2vw, 72px);
  --maxw:       1440px;
  --maxw-text:  68ch;

  --radius:     3px;
  --radius-lg:  6px;
  --radius-pill: 999px;

  --ease:       cubic-bezier(.2, .7, .2, 1);
  --ease-out:   cubic-bezier(.16, 1, .3, 1);
  --t-micro:    160ms;
  --t-base:     280ms;
  --t-slow:     600ms;
  --t-scene:    900ms;

  --z-base: 1;
  --z-sticky: 100;
  --z-header: 200;
  --z-overlay: 300;
  --z-drawer: 400;

  --header-h: 88px;
  --topbar-h: 38px;
  --header-stuck: 64px;
  --header-total: calc(var(--topbar-h) + var(--header-h));
}

:root[data-type="b"] {
  --font-display: "Manrope", -apple-system, "Segoe UI", Arial, sans-serif;
  --display-weight: 700;
}

:root[data-type="c"] {
  --font-display: "Outfit", -apple-system, "Segoe UI", Arial, sans-serif;
  --display-weight: 600;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --ink:      #FFFFFF;
  --ink-2:    #DEDEDE;
  --ink-soft: #A6A6A6;
  --ink-faint:#808080;

  --line:     #2A2A28;
  --line-2:   #3A3A37;

  --paper:    #111110;
  --paper-2:  #111110;
  --paper-3:  #1C1C1A;
  --surface:  #171716;
  --tint:     #1C1C1A;

  --p1:       #B3A493;
  --p2:       #C99E71;
  --p1-deep:  #C8BAA9;
  --p2-deep:  #DDB68C;
  --p1-tint:  #232220;
  --p2-tint:  #26211B;

  --focus:    #C99E71;

  --inv-bg:   #0C0C0B;
  --inv-bg-2: #111110;
  --inv-ink:  #FFFFFF;
  --inv-soft: #A6A6A6;
  --inv-line: #2A2A28;
}