/* Crumb & Co — flour-warm editorial: cream paper, cocoa ink, burnt caramel, a Fraunces serif */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f8f2e7;
  --surface: #fffdf7;
  --surface-2: #f0e7d6;
  --border: #e4d7c1;
  --border-strong: #c9b795;
  --ink: #2d1e15;
  --muted: #6b5c4e;
  --accent: #a8502a;
  --accent-hover: #8f3f1d;
  --accent-ink: #fff8ef;
  --accent-text: #8c3d1e;
  --accent-strong: #6f2f13;
  --accent-soft: #f4e3d3;
  --accent-border: #dcb9a0;
  --success: #3f6f4f;
  --success-ink: #fff8ef;
  --success-soft: #e2e2d5;
  --success-strong: #3a6649;
  --warning: #a8772a;
  --warning-ink: #fff8ef;
  --warning-soft: #eee3d0;
  --warning-strong: #845c21;
  --danger: #a83a2a;
  --danger-ink: #fff8ef;
  --danger-soft: #eedcd0;
  --danger-strong: #a83a2a;
  --chart-1: #a8502a;
  --chart-2: #3f6f4f;
  --chart-3: #b98a2e;
  --chart-4: #5a5f8a;
  --chart-5: #7d3f3f;
  --chart-6: #4a6b8a;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-sans: "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --display-weight: 600;
  --display-tracking: -0.015em;
  --eyebrow-tracking: 0.2em;
  --radius-btn: 999px;
  --radius-card: 18px;
  --radius-input: 12px;
  --border-w: 1px;
  --shadow-card: 0 24px 48px -30px rgb(45 30 21 / 0.35);
  --card-pad: 28px;
  --caps: uppercase;
  --btn-weight: 600;
  --x-band: #241610;
  --x-on-photo: #fff6ea;
  --x-leader: #c9b795;
}

html[data-theme="dark"] {
  --canvas: #140905;
  --surface: #2c221e;
  --surface-2: #201512;
  --border: #352b28;
  --border-strong: #5b5350;
  --ink: #f8f2e7;
  --muted: #9d958d;
  --accent: #a8502a;
  --accent-hover: #b56a4a;
  --accent-ink: #ffffff;
  --accent-text: #c08266;
  --accent-strong: #bb7759;
  --accent-soft: #35190d;
  --accent-border: #572916;
  --success: #3f6f4f;
  --success-ink: #ffffff;
  --success-soft: #1d1f15;
  --success-strong: #699076;
  --warning: #a8772a;
  --warning-ink: #ffffff;
  --warning-soft: #35210d;
  --warning-strong: #b58c4b;
  --danger: #a83a2a;
  --danger-ink: #ffffff;
  --danger-soft: #35140d;
  --danger-strong: #c07166;
  --chart-1: #af5630;
  --chart-2: #9d9016;
  --chart-3: #039869;
  --chart-4: #1c96b8;
  --chart-5: #7674cb;
  --chart-6: #c068a0;
}

/* Crumb & Co — flour-dust texture, smooth anchors, and the one entrance moment */

html {
  scroll-behavior: smooth;
}

html.reduced-motion {
  scroll-behavior: auto;
}

body {
  background-image: radial-gradient(
    color-mix(in srgb, var(--ink) 7%, transparent) 1px,
    transparent 1.4px
  );
  background-size: 24px 24px;
}

[data-inview] {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  [data-inview] {
    will-change: auto;
  }
}