/* Excerpta vitrine — Design 7 "Polished" (inspiré karakeep.app : blanc, net, grille de fonctionnalités colorée) */

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 380 820;
  font-display: swap;
  src: url('fonts/PlusJakartaSans-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 380 520;
  font-display: swap;
  src: url('fonts/JetBrainsMono-variable.woff2') format('woff2');
}

:root {
  color-scheme: light;
  --color-paper:   oklch(98.5% 0.012 75);
  --color-paper-2: oklch(95.5% 0.020 70);
  --color-rule:    oklch(88% 0.020 65);
  --color-ink:     oklch(21% 0.020 50);
  --color-ink-2:   oklch(33% 0.018 50);
  --color-muted:   oklch(52% 0.016 55);

  --color-accent:      #2BB24C;
  --color-accent-soft: oklch(93% 0.07 142);
  --color-accent-ink:  oklch(99% 0.006 142);
  --color-focus:       oklch(58% 0.17 142);

  --color-blue:   oklch(60% 0.17 250); --color-blue-soft: oklch(92% 0.045 250);
  --color-amber:  oklch(74% 0.16 60);  --color-amber-soft: oklch(93% 0.06 65);
  --color-violet: oklch(60% 0.18 320); --color-violet-soft: oklch(92% 0.045 320);

  --font-display: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  --font-body:    'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  --text-sm: 0.9rem; --text-base: 1rem; --text-md: 1.1rem; --text-lg: 1.4rem;
  --text-display: clamp(2.6rem, 5vw + 1rem, 4.4rem);

  --space-2xs: 0.25rem; --space-xs: 0.5rem; --space-sm: 0.75rem; --space-md: 1rem;
  --space-lg: 1.5rem; --space-xl: 2.5rem; --space-2xl: 4rem; --space-3xl: 6rem;

  --radius: 16px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}