/* The one source for the sympel colors, radii, shadows, motion, and fonts.
   DESIGN.md at the repo root tells when to use each token. */
:root {
  --ink: #121315;
  --ink-2: #45474e;
  --ink-3: #6a6d75;

  --page: #ffffff;
  --soft: #f4f4f1;
  --soft-2: #ebebe6;
  --line: #e8e8e4;
  --line-2: #d9d9d3;

  --brand-citrus: #e4ec9b;
  --lime: #dcf26a;
  --violet: #6e56ff;
  --violet-deep: #4b33d6;
  --night: #17141f;

  /* Tints fill tiles. Their vivid partners celebrate: violet for lilac, lime for lime. */
  --tint-lilac: #ede8ff;
  --tint-lime: #eef7c3;
  --tint-coral: #ffe5dc;
  --tint-sky: #dff0ff;
  --tint-gold: #fff0c4;
  --tint-pink: #ffe3ef;
  --coral: #ff7a5c;
  --sky: #4aa8ff;
  --gold: #ffc53d;
  --pink: #ff8fc0;

  --error: #c8321b;
  --error-tint: #fff1ed;
  --ok: #1d8a4a;

  --radius-panel: 36px;
  --radius-card: 28px;
  --radius-inner: 18px;
  --radius-pill: 999px;

  --shadow-card:
    0 0 0 1px rgb(18 19 21 / 0.07), 0 2px 4px rgb(18 19 21 / 0.03),
    0 24px 48px -24px rgb(18 19 21 / 0.22);
  --shadow-float: 0 0 0 1px rgb(18 19 21 / 0.08), 0 24px 60px -16px rgb(18 19 21 / 0.35);

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  /* Spring curves from a damped spring (mass 1). bouncy: k180 c15, 12% overshoot, 820ms. */
  --spring-bouncy: linear(
    0,
    0.031,
    0.109,
    0.212,
    0.338,
    0.462,
    0.592,
    0.712,
    0.813,
    0.904,
    0.974,
    1.032,
    1.073,
    1.099,
    1.114,
    1.119,
    1.116,
    1.108,
    1.096,
    1.081,
    1.066,
    1.051,
    1.037,
    1.024,
    1.013,
    1.004,
    0.997,
    0.992,
    0.989,
    0.987,
    0.986,
    0.986,
    0.987,
    0.988,
    0.99,
    0.992,
    0.994,
    0.995,
    0.997,
    0.998,
    0.999,
    1,
    1.001,
    1.001,
    1
  );
  /* soft: k120 c18, 1% overshoot, 780ms. */
  --spring-soft: linear(
    0,
    0.034,
    0.11,
    0.209,
    0.322,
    0.431,
    0.533,
    0.629,
    0.709,
    0.777,
    0.836,
    0.882,
    0.918,
    0.947,
    0.968,
    0.983,
    0.994,
    1.001,
    1.006,
    1.009,
    1.01,
    1.01,
    1.01,
    1.009,
    1.008,
    1.007,
    1.006,
    1.005,
    1.004,
    1.003,
    1.002,
    1.002,
    1
  );
  /* snappy: k420 c30, 3% overshoot, 440ms. */
  --spring-snappy: linear(
    0,
    0.039,
    0.129,
    0.246,
    0.374,
    0.5,
    0.608,
    0.711,
    0.797,
    0.868,
    0.922,
    0.961,
    0.991,
    1.011,
    1.024,
    1.03,
    1.032,
    1.032,
    1.029,
    1.026,
    1.022,
    1.017,
    1.014,
    1.01,
    1.007,
    1.005,
    1.003,
    1.002,
    1.001,
    1,
    0.999,
    0.999,
    1
  );

  --font-display: "Bricolage Grotesque", "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --font-text: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}