/* CVBUFFED tokens. Palette: yellow is the hero, purple supports, charcoal and off-white carry the type.
   WhatsApp-ish green appears only where someone is talking to you. No gradients as decoration. */
:root {
  --paper: #F3EFE6;        /* old-world warm off-white */
  --paper-2: #E8E3D8;
  --paper-ink: #1A1916;    /* old CV black */
  --paper-mute: #5E5A52;
  --paper-rule: #B9B2A4;

  --char: #121314;         /* near-black charcoal */
  --char-2: #1A1B1D;
  --char-3: #242528;
  --char-line: #2C2D31;
  --white: #F2F0EB;        /* soft white */
  --grey: #8E8B85;         /* muted grey, 5.6:1 on char */
  --grey-2: #B7B4AD;

  --accent: #FFE500;       /* YELLOW IS THE HERO */
  --accent-deep: #E0C600;
  --accent-ink: #7A6400;   /* yellow's dark twin, for text on paper (6:1) */
  --violet: #9C8BFF;       /* supporting purple: lines and small type on charcoal (6.9:1) */
  --violet-deep: #33248F;  /* purple ground for a yellow moment */
  --violet-ink: #5436D6;   /* purple type on paper (6:1) */
  --warn: #FF6F59;         /* semantic only: warnings and errors, never decoration */
  --green: #29C46A;        /* chat / online */
  --green-bubble: #DDF7D0;

  --serif: "Libre Caslon Text", "Times New Roman", Times, serif;
  --sans: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --ease: cubic-bezier(.22, 1, .36, 1);          /* Apple-ish out */
  --spring: cubic-bezier(.34, 1.4, .64, 1);      /* gentle overshoot */
  --snap: cubic-bezier(.5, 0, .1, 1);
  --r: 14px;
  --gutter: clamp(16px, 4vw, 40px);
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
}