/* Fresh Context brand, generated from src/styles/tokens.mjs and src/styles/themes.mjs. Served live at
   https://freshcontext.ai/brand/ . Never edit a copy: change the source and redeploy. */
@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300..700;1,300..600&family=Merriweather+Sans:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..700;1,14..32,300..600&family=Geist+Mono:wght@300..600&display=swap");

/* Fresh Context brand, generated from the brand rules. Served live at
   https://freshcontext.ai/brand/ . Never edit a copy: change the source and redeploy. */
:root { font-family: var(--fc-serif); }
h1, h2, h3, h4, p, li, blockquote, td { font-family: var(--fc-serif); }
button, nav, label, th, .chrome { font-family: var(--fc-sans); }

/* Fresh Context brand, generated from src/styles/tokens.mjs. Served live at
   https://freshcontext.ai/brand/ . Never edit a copy: change the source and redeploy. */
:root {
  --fc-accent: #F89420;
  --fc-accent-deep: #d97a12;
  --fc-accent-soft: #fbe9d2;
  --fc-accent-soft-2: #f7eddc;
  --fc-citrus: #FFB65D;
  --fc-cta: #6aa84f;
  --fc-cta-deep: #5a9142;
  --fc-cta-soft: #e6efe0;
  --fc-forest: #343824;
  --fc-forest-raised: #3d4230;
  --fc-forest-line: #4a4e37;
  --fc-on-forest: #f3f2e6;
  --fc-on-forest-soft: #cbccb4;
  --fc-sage: #eaf0da;
  --fc-sage-line: #d1dcb8;
  --fc-sage-deep: #476f15;
  --fc-ink: #381800;
  --fc-ink-soft: #5b4636;
  --fc-ink-faint: #8a7763;
  --fc-surface: #ffffff;
  --fc-surface-raised: #faf9f6;
  --fc-surface-line: #e9e6de;
  --fc-surface-line-soft: #f0eee8;
  --fc-paper: #f4efe4;
  --fc-paper-2: #efe8d9;
  --fc-paper-edge: #efe8d9;
  --fc-card: #fbf8f0;
  --fc-rule: #d8cfbc;
  --fc-rule-soft: #e3dccb;
  --fc-dark: #17130d;
  --fc-dark-card: #221c14;
  --fc-dark-line: #332b20;
  --fc-dark-soft: #cfc6b4;
  --fc-dark-accent: #F89420;
  --fc-serif: "Crimson Pro", Georgia, serif;
  --fc-sans: "Merriweather Sans", system-ui, sans-serif;
  --fc-maxw-reading: 740px;
  --fc-maxw-page: 1080px;
  --fc-tracking-kicker: 0.22em;
  --fc-tracking-label: 0.14em;
  --fc-step-gutter: 210px;
  --fc-step-box: 966px;
  --fc-lane-pad: 32px;
  --fc-text-sechead: clamp(31px,5vw,60px);
  --fc-text-subsechead: clamp(27px,3.4vw,48px);
  --fc-text-takeaway: clamp(25px,2.6vw,36px);
  --fc-text-lede: 21px;
  --fc-text-body: 19px;
  --fc-text-compact: 17px;
  --fc-text-eyebrow: 12px;
  --fc-text-label: 11px;
  --fc-callout-radius: 22px;
  --fc-callout-shadow: 0 34px 70px -40px rgba(30,26,18,.5);
  --fc-callout-pad: clamp(26px,3.6vw,54px) clamp(22px,3.6vw,52px) clamp(34px,4.4vw,64px);
  --fc-plate-radius: 12px;
  --fc-plate-border: 1px solid #ece5d5;
  --fc-plate-shadow: 0 30px 64px -32px rgba(0,0,0,.6);
  --fc-plate-pad: 30px;
  --fc-takeaway-bar: 3px;
  --fc-takeaway-pad: 10px 0 10px 30px;
}

/* Fresh Context brand, generated from src/styles/themes.mjs. Served live at
   https://freshcontext.ai/brand/ . Never edit a copy: change the source and redeploy. */
:root, [data-theme="fc"] {
  --ground: var(--fc-surface);
  --deep: var(--fc-surface);
  --card: var(--fc-card);
  --panel: var(--fc-card);
  --hair: rgba(56,24,0,.10);
  --hair-2: rgba(56,24,0,.18);
  --ink: var(--fc-ink);
  --text: var(--fc-ink-soft);
  --text-dim: rgba(91,70,54,.75);
  --white: var(--fc-ink);
  --accent: var(--fc-accent);
  --a2: var(--fc-ink-soft);
  --a3: #8a6a4a;
  --ok: #3f7d20;
  --warn: #b3541e;
  --display: 'Crimson Pro',Georgia,serif;
  --body: 'Crimson Pro',Georgia,serif;
  --chrome: 'Merriweather Sans',system-ui,sans-serif;
  --mono: 'Merriweather Sans',ui-monospace,monospace;
  --radius: 22px;
  --shadow: 0 1px 2px rgba(56,24,0,.05),0 10px 30px rgba(56,24,0,.07);
  --field: #fff;
  --field-b: rgba(56,24,0,.16);
  --field-t: var(--fc-ink);
  --btn-t: #1a0d00;
  --surf: var(--fc-surface);
  --surf-card: var(--fc-card);
  --surf-ink: var(--fc-ink);
  --surf-text: var(--fc-ink-soft);
  --surf-dim: rgba(91,70,54,.75);
  --surf-hair: rgba(56,24,0,.10);
  --surf-hair-2: rgba(56,24,0,.18);
  --surf-ui: var(--fc-accent);
  --surf-a3: #8a6a4a;
  --surf-ok: #3f7d20;
  --prose: 1000px;
  --wide: 1780px;
}

/* Fresh Context brand, generated from src/styles/themes.mjs. Served live at
   https://freshcontext.ai/brand/ . Never edit a copy: change the source and redeploy. */
[data-theme="octave"] {
  --ground: #08062c;
  --deep: #07061e;
  --card: #1b1a35;
  --panel: #1b1a35;
  --hair: rgba(223,223,244,.10);
  --hair-2: rgba(223,223,244,.18);
  --ink: #fff;
  --text: #dfdff4;
  --text-dim: rgba(223,223,244,.72);
  --white: #fff;
  --accent: #a384f6;
  --a2: #a384f6;
  --a3: #14d4e1;
  --ok: #07f4f1;
  --warn: #f9b365;
  --display: 'Inter',system-ui,sans-serif;
  --body: 'Inter',system-ui,sans-serif;
  --chrome: 'Inter',system-ui,sans-serif;
  --mono: 'Geist Mono',ui-monospace,monospace;
  --radius: 18px;
  --shadow: none;
  --field: #0c0f2d;
  --field-b: rgba(223,223,244,.18);
  --field-t: #fff;
  --btn-t: #08062c;
  --surf: #f4f4fa;
  --surf-card: #fff;
  --surf-ink: #12103a;
  --surf-text: #3e3955;
  --surf-dim: rgba(18,16,58,.62);
  --surf-hair: rgba(18,16,58,.10);
  --surf-hair-2: rgba(18,16,58,.18);
  --surf-ui: #7a3ff2;
  --surf-a3: #0e8f9c;
  --surf-ok: #0d8a7d;
}

/* Fresh Context brand, generated from src/styles/themes.mjs. Served live at
   https://freshcontext.ai/brand/ . Never edit a copy: change the source and redeploy. */
[data-theme="knak"] {
  --surf: #f6f6f3;
  --surf-card: #fff;
  --surf-ink: #141414;
  --surf-text: #3a3a3a;
  --surf-dim: rgba(20,20,20,.62);
  --surf-hair: rgba(20,20,20,.10);
  --surf-hair-2: rgba(20,20,20,.18);
  --surf-ui: #1d1d1d;
  --surf-a3: #0a6f9a;
  --surf-ok: #3f7d20;
  --ground: #19191b;
  --deep: #111113;
  --card: #2a292c;
  --panel: #2a292c;
  --hair: rgba(245,239,227,.10);
  --hair-2: rgba(245,239,227,.18);
  --ink: #f5efe3;
  --text: #f5efe3;
  --text-dim: rgba(245,239,227,.72);
  --white: #f5efe3;
  --accent: #abd000;
  --a2: #23bfff;
  --a3: #058df5;
  --ok: #abd000;
  --warn: #f5efe3;
  --radius: 18px;
  --shadow: none;
  --field: #19191b;
  --field-b: rgba(245,239,227,.18);
  --field-t: #f5efe3;
  --btn-t: #111;
}

/* Fresh Context brand, generated from src/styles/themes.mjs. Served live at
   https://freshcontext.ai/brand/ . Never edit a copy: change the source and redeploy. */
[data-theme="gtms"] {
  --surf: #f6f6f3;
  --surf-card: #fff;
  --surf-ink: #141414;
  --surf-text: #3a3a3a;
  --surf-dim: rgba(20,20,20,.62);
  --surf-hair: rgba(20,20,20,.10);
  --surf-hair-2: rgba(20,20,20,.18);
  --surf-ui: #1d1d1d;
  --surf-a3: #0a6f9a;
  --surf-ok: #3f7d20;
  --ground: #101010;
  --deep: #0a0a0a;
  --card: #1a1a1a;
  --panel: #1a1a1a;
  --hair: rgba(245,239,227,.10);
  --hair-2: rgba(245,239,227,.18);
  --ink: #f5efe3;
  --text: #f5efe3;
  --text-dim: rgba(245,239,227,.72);
  --white: #f5efe3;
  --accent: #f8fe03;
  --a2: #b98cff;
  --a3: #9453ff;
  --ok: #f8fe03;
  --warn: #f5efe3;
  --radius: 18px;
  --shadow: none;
  --field: #101010;
  --field-b: rgba(245,239,227,.18);
  --field-t: #f5efe3;
  --btn-t: #111;
}

/* Fresh Context brand, generated from src/styles/themes.mjs. Served live at
   https://freshcontext.ai/brand/ . Never edit a copy: change the source and redeploy. */
[data-theme="lovable"] {
  --ground: #fcfbf8;
  --deep: #fcfbf8;
  --card: var(--fc-card);
  --panel: var(--fc-card);
  --hair: rgba(56,24,0,.10);
  --hair-2: rgba(56,24,0,.18);
  --ink: var(--fc-ink);
  --text: var(--fc-ink-soft);
  --text-dim: rgba(91,70,54,.75);
  --white: var(--fc-ink);
  --accent: #FE7B02;
  --a2: #4B73FF;
  --a3: #6c70fc;
  --ok: #3f7d20;
  --warn: #b3541e;
  --display: 'Crimson Pro',Georgia,serif;
  --body: 'Crimson Pro',Georgia,serif;
  --chrome: 'Merriweather Sans',system-ui,sans-serif;
  --mono: 'Merriweather Sans',ui-monospace,monospace;
  --radius: 22px;
  --shadow: 0 1px 2px rgba(56,24,0,.05),0 10px 30px rgba(56,24,0,.07);
  --field: #fff;
  --field-b: rgba(56,24,0,.16);
  --field-t: var(--fc-ink);
  --btn-t: #1a0d00;
  --surf: #fcfbf8;
  --surf-card: var(--fc-card);
  --surf-ink: var(--fc-ink);
  --surf-text: var(--fc-ink-soft);
  --surf-dim: rgba(91,70,54,.75);
  --surf-hair: rgba(56,24,0,.10);
  --surf-hair-2: rgba(56,24,0,.18);
  --surf-ui: #FE7B02;
  --surf-a3: #4B73FF;
  --surf-ok: #3f7d20;
}

/* Fresh Context brand, generated from src/styles/themes.mjs. Served live at
   https://freshcontext.ai/brand/ . Never edit a copy: change the source and redeploy. */
[data-theme="taste-systems"] {
  --ground: #F4F3EB;
  --deep: #E3E0D9;
  --card: var(--fc-card);
  --panel: #E3E0D9;
  --hair: rgba(58,36,24,.10);
  --hair-2: rgba(58,36,24,.18);
  --ink: #3a2418;
  --text: var(--fc-ink-soft);
  --text-dim: rgba(91,70,54,.75);
  --white: #3a2418;
  --accent: #FF5D11;
  --a2: #333621;
  --a3: var(--fc-ink-faint);
  --ok: #3f7d20;
  --warn: #b3541e;
  --display: 'Crimson Pro',Georgia,serif;
  --body: 'Crimson Pro',Georgia,serif;
  --chrome: 'Merriweather Sans',system-ui,sans-serif;
  --mono: 'Merriweather Sans',ui-monospace,monospace;
  --radius: 22px;
  --shadow: 0 34px 70px -40px rgba(30,26,18,.5);
  --field: var(--fc-surface);
  --field-b: rgba(58,36,24,.16);
  --field-t: #3a2418;
  --btn-t: #1a0d00;
  --surf: #F4F3EB;
  --surf-card: var(--fc-card);
  --surf-ink: #3a2418;
  --surf-text: var(--fc-ink-soft);
  --surf-dim: rgba(91,70,54,.75);
  --surf-hair: rgba(58,36,24,.10);
  --surf-hair-2: rgba(58,36,24,.18);
  --surf-ui: #FF5D11;
  --surf-a3: #333621;
  --surf-ok: #3f7d20;
}
