/* WeCall365 design tokens. Direction: phone directory and terminal. */
:root {
  /* Paper and ink */
  --paper: #f5f0e3;
  --paper-deep: #ebe4d1;
  --paper-white: #fffdf6;
  --ink: #15130f;
  --ink-soft: #46413a;
  --ink-mute: #655f53;

  /* Directory yellow, message-slip pink, error red */
  --yellow: #ffd21f;
  --pink: #f6cdc8;
  --pink-ink: #7a2a22;
  --red: #a3210d;

  /* Night band (terminal) */
  --night: #15130f;
  --night-2: #23201a;
  --night-rule: #3a362d;
  --on-night: #f5f0e3;
  --on-night-mute: #b9b2a1;

  /* Per-band switches */
  --bg: var(--paper);
  --fg: var(--ink);
  --fg-soft: var(--ink-soft);
  --fg-mute: var(--ink-mute);
  --line: var(--ink);
  --focus: var(--ink);

  /* Type */
  --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1.04rem + 0.4vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.3rem + 1vw, 2.125rem);
  --text-2xl: clamp(2.25rem, 1.5rem + 3.6vw, 4.75rem);
  --text-hero: clamp(3.1rem, 0.6rem + 12.2vw, 11.25rem);

  /* Space: a 4px base with uneven steps on purpose */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2.25rem;
  --s-7: 3.5rem;
  --s-8: 5.5rem;
  --gutter: clamp(1rem, 4vw, 3rem);
  --section: clamp(3.75rem, 2.5rem + 6vw, 8.5rem);
  --wrap: 80rem;

  /* Edges */
  --rule: 2px;
  --rule-heavy: 6px;
  --radius-key: 0.7rem;
  --radius-sm: 0.25rem;
  --shadow-hard: 5px 5px 0 var(--ink);

  /* Motion */
  --fast: 120ms;
  --slow: 520ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}