/* Generated by tools/brand/build.py from brand/brand.json. Edit the JSON, not this file. */

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-latin.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* The v1 face. The old pages still ask for it; removed in the phase-2 merge. */
@font-face {
  font-family: "Figtree";
  src: url("/assets/fonts/figtree-latin.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Palette. Warm tones are for grading photographs, never for UI. */
  --graphite-950: #171A1F;
  --graphite-800: #2A2F36;
  --slate-700: #3E4650;
  --slate-600: #5F6A76;
  --slate-500: #6F7A86;
  --mist-300: #BFC7D0;
  --mist-200: #D7DCE2;
  --mist-100: #ECEFF2;
  --cloud: #F6F7F8;
  --white: #FFFFFF;
  --steel: #7890AA;
  --ice: #9FB5CC;
  --glass-blue: #B8C8D8;
  --navy: #526579;
  --dusk: #B8A79B;
  --peach: #C7A28E;
  --stone-rose: #B79892;
  --active: #89A9CF;
  --active-pressed: #6D8FB8;

  /* Roles */
  --bg: #F6F7F8;
  --surface: #ECEFF2;
  --surface-elevated: #FFFFFF;
  --ink: #171A1F;
  --ink-secondary: #5F6A76;
  --text-on-image: #F7F8F9;
  --accent: #89A9CF;
  --accent-pressed: #6D8FB8;
  --destructive: #B56F6C;
  --tint: #526579;
  --ink-secondary-soft: #2A2F36;

  /* Glass: a cool fill at three strengths, a hairline edge, a soft shadow */
  --glass-ambient: rgba(235, 239, 243, 0.1);
  --glass: rgba(235, 239, 243, 0.14);
  --glass-strong: rgba(235, 239, 243, 0.22);
  --glass-border: rgba(255, 255, 255, 0.28);
  --glass-border-width: 0.75px;
  --glass-highlight: rgba(255, 255, 255, 0.45);
  /* Frost: the material for surfaces that carry text (a pale underlay under the blur) */
  --glass-frost: rgba(246, 247, 248, 0.62);
  --glass-frost-light: rgba(246, 247, 248, 0.34);
  --glass-shadow: 0 8px 20px rgba(23, 26, 31, 0.08);
  --blur-glass: 24px;

  /* Shape and space */
  --radius-sm: 14px;
  --radius-card: 20px;
  --radius-control: 24px;
  --radius-panel: 30px;
  --space-margin: 24px;
  --space-block: 24px;
  --space-control: 14px;

  /* Conversation: your message is graphite, memoe's reply is frost glass with graphite text */
  --bubble-you: #171A1F;
  --bubble-you-text: #F7F8F9;
  --bubble-radius: 24px;
  --bubble-max: 82%;
  --composer-min: 64px;
  --composer-radius: 30px;
  --mosaic-gap: 4px;
  --backdrop-scrim: 0.5;

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fs-hero: clamp(64px, 9vw, 144px);
  --fs-hero-l: clamp(48px, 6vw, 96px);
  --fs-section: clamp(48px, 5vw, 72px);
  --fs-body: clamp(17px, 1.4vw, 20px);
  --fs-micro: clamp(12px, 1vw, 14px);

  /* Legacy names from v1, mapped to the nearest v2 value. Removed in the phase-2 merge. */
  --c-primary: #526579;
  --c-primary-pressed: #3E4650;
  --c-primary-soft: #ECEFF2;
  --c-gradient-start: #526579;
  --c-gradient-end: #7890AA;
  --c-ink: #171A1F;
  --c-ink-secondary: #5F6A76;
  --c-ink-tertiary: #6F7A86;
  --c-page: #FFFFFF;
  --c-surface-deep: #D7DCE2;
  --c-line: #D7DCE2;
  --c-line-strong: #BFC7D0;
  --c-lemon: #B8C8D8;
  --c-tangerine: #9FB5CC;
  --c-coral: #B56F6C;
  --c-pink: #BFC7D0;
  --c-grape: #7890AA;
  --c-sky: #9FB5CC;
  --c-mint: #B8C8D8;
  --c-surface: #ECEFF2;
  --wash-ice: #ECEFF2;
  --wash-lavender: #D7DCE2;
  --wash-sky: #ECEFF2;
  --wash-mint: #ECEFF2;
  --wash-peach: #D7DCE2;
  --wash-rose: #ECEFF2;
  --r-tile: 14px;
  --r-card: 20px;
  --r-panel: 30px;
  --gradient: linear-gradient(135deg, #526579, #7890AA);
  --font-legacy: "Figtree", ui-sans-serif, system-ui, -apple-system, sans-serif;
}