/* Self-hosted fonts (SIL Open Font License, see /assets/fonts). No Google Fonts request needed. */
@font-face { font-family: "Bodoni Moda"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(/assets/fonts/bodoni-moda.woff2) format("woff2-variations"), url(/assets/fonts/bodoni-moda.woff2) format("woff2"); }
@font-face { font-family: "Bodoni Moda"; font-style: italic; font-weight: 400 900; font-display: swap; src: url(/assets/fonts/bodoni-moda-italic.woff2) format("woff2-variations"), url(/assets/fonts/bodoni-moda-italic.woff2) format("woff2"); }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/assets/fonts/jost.woff2) format("woff2-variations"), url(/assets/fonts/jost.woff2) format("woff2"); }

/* Original Cakes by Sonia — design tokens, shared by the website and the admin.
   Colors are sampled from the sticker logo: black ink, ivory, the pink gradient,
   the sunflower's petals, center and leaves. Change them once here and both sides update. */
:root {
  --font-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
  --font-body: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* brand */
  --noir: #050504;        /* logo ink */
  --ivory: #f8f6f1;       /* sticker ground */
  --petal: #f6d3e6;       /* lightest pink in the sticker gradient */
  --blush: #f4a2d4;       /* mid pink */
  --rose: #f57eaf;        /* deepest pink */
  --rose-ink: #b0285f;    /* pink dark enough for text and buttons on ivory (5.9:1) */
  --sunflower: #f2c230;   /* petals: highlights on noir, focus rings */
  --cocoa: #452519;       /* sunflower center */
  --leaf: #5f8a35;        /* sunflower leaf */

  /* roles (the admin uses these names) */
  --cream: var(--ivory);
  --surface: #ffffff;
  --surface-2: #f3ede6;
  --line: #e7ddd6;
  --ink: var(--noir);
  --ink-2: #5e4a45;
  --berry: var(--rose-ink);
  --berry-ink: #ffffff;
  --berry-soft: #fbe6f0;
  --berry-strong: #8f1e4c;
  --butter: var(--sunflower);
  --pistachio: #3f6b22;
  --cherry: #b3261e;

  --s-inquiry-bg: #fbefc2;   --s-inquiry: #6a4b00;
  --s-quoted-bg: #ece3f6;    --s-quoted: #4a2f7a;
  --s-confirmed-bg: #dfe9f7; --s-confirmed: #1f4c7a;
  --s-in_progress-bg: #fbe1d2; --s-in_progress: #8a3a0d;
  --s-ready-bg: #e0efd6;     --s-ready: #2f5e22;
  --s-completed-bg: #ebe6e2; --s-completed: #4e4540;
  --s-cancelled-bg: #f5e1e1; --s-cancelled: #8b2f2f;

  --r-sm: 6px;
  --r-md: 14px;
  --r-lg: 28px;
  --r-pill: 999px;
  --shadow: 0 1px 2px rgb(69 37 25 / 8%), 0 18px 40px -12px rgb(69 37 25 / 18%);
  --ease: cubic-bezier(.2, .7, .1, 1);
  color-scheme: light;
}

/* Dark mode is offered in the admin only (body.admin). The public site keeps the sticker's look. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body.admin {
    --cream: #141010;
    --surface: #1d1717;
    --surface-2: #261e1e;
    --line: #3a2f2e;
    --ink: #f6efe9;
    --ink-2: #c7b5ae;
    --berry: #f4a2d4;
    --berry-ink: #2a0f19;
    --berry-soft: #45202f;
    --berry-strong: #f9c3e3;
    --pistachio: #9cc485;
    --cherry: #ff8a80;
    --s-inquiry-bg: #4a3b12;   --s-inquiry: #f6dc8f;
    --s-quoted-bg: #362c52;    --s-quoted: #d5cbf3;
    --s-confirmed-bg: #1e3550; --s-confirmed: #b9d4f2;
    --s-in_progress-bg: #4f2a16; --s-in_progress: #f8c4a3;
    --s-ready-bg: #23401c;     --s-ready: #c0e3b2;
    --s-completed-bg: #3a3431; --s-completed: #d6ccc6;
    --s-cancelled-bg: #4a2222; --s-cancelled: #f0b4b4;
    --shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 18px 40px -12px rgb(0 0 0 / 50%);
    color-scheme: dark;
  }
}