/* Generated by scripts/gen_colors.py from design/colors.yaml — do not edit. */

/* The Dramless color roles (web/spec/001-foundation.md).
 *
 * Each role is one custom property that resolves per appearance, so a rule
 * names the role and never the appearance. `color-scheme` is declared with
 * them so the browser's own chrome — form controls, scrollbars, and the
 * canvas behind an overscroll — follows the appearance the roles follow.
 */
:root {
  color-scheme: light dark;

  /* The backdrop behind every screen but the Assistant's chats list and transcript — bars, headers, and the gaps around inset content. Doubles as the label on a negative fill, where the Wool/Ground pair is the value that reads. Palette: Wool / Ground. */
  --dramless-canvas: #EDE4D2;

  /* The content ground — cards, rows, list segments, and sheets, inset on the canvas; the whole ground of the Assistant's chats list and transcript, where a reply's text stands on it. Palette: Cream / Crust. */
  --dramless-surface: #FFFDF8;

  /* Fills inside a surface — chips, progress tracks, pills, and wells. Palette: Sand / Loam. */
  --dramless-surface-muted: #F1E4CD;

  /* The user's own message in a conversation — a warm wash on the transcript's surface ground, where a reply is bare text, so the two sides of a transcript read apart by tone. Palette: apricot wash / Loam warmed. */
  --dramless-bubble: #F8E1C9;

  /* Separators, hairline borders, and the underline a card sits on. Not on a surfaceMuted well, where it vanishes in one theme or the other; a hairline there is textFaint at 40 %. Palette: Rope / Loam. */
  --dramless-divider: #E4D5BE;

  /* A label capsule drawn straight on the canvas that also passes over the cards on it — the feed's day pill, which pins over the rows while the feed moves. One step past both grounds, so it parts from the canvas and from a surface card alike, where surfaceMuted sinks into the light canvas. Its label is textPrimary; textSecondary misses the text bar on it in light. Palette: Rope / Loam. */
  --dramless-canvas-pill: #E4D5BE;

  /* The dim behind a modal, drawn at partial alpha over whatever it covers. Palette: Ground. */
  --dramless-scrim: #241A12;

  /* Headings, body, amounts and ֏ — any glyph that reads as text. Palette: Roast / Parchment. */
  --dramless-text-primary: #3B2A20;

  /* Captions, footnotes, and the trailing detail of a row. Palette: Bark / Oat. */
  --dramless-text-secondary: #7A6248;

  /* Hairline captions, at 12pt semibold or larger and never below. Palette: Clay / Ash. */
  --dramless-text-faint: #947D61;

  /* The brand — the logo, the mark, and identity moments. Never a status color and never an action. Palette: nur. */
  --dramless-brand-accent: #C23A4B;

  /* The one filled button per screen. Never text, and never an indicator outside a filled container. Palette: apricot. */
  --dramless-accent: #F08A3C;

  /* The action hue as selection — the selected tab's or segment's label and glyph — and as a list row's live status, the Assistant's working chat; and, at 12 %, the light shadow under the Cloud offer page's plan cards and rows. Darkened for text duty in light; in dark it is the action value itself. Palette: apricot text / apricot. */
  --dramless-accent-text: #9B530D;

  /* Text and glyphs drawn on an accent or state fill. Palette: Roast / Ground. */
  --dramless-on-accent: #3B2A20;

  /* Links, field focus, the tint of every control the system tints, and the arc of an ungraded ring — calm emphasis that grades nothing. Palette: sky text / sky. */
  --dramless-info: #35597F;

  /* Base ground behind the landing's cloud masses, and the middle of the Cloud sky — the Cloud page's hero, Home's Cloud button. Primary text and display-size brand text read over it; it carries no money state. Palette: summer sky / evening sky. */
  --dramless-cloud-sky: #BBDCF3;

  /* The top edge of the Cloud sky — the sky overhead, deeper than cloudSky below it — on the Cloud page's hero and Home's Cloud button. Their titles and glyph read over it; it carries no money state and paints nothing else. Palette: summer sky deepened / evening sky deepened. */
  --dramless-cloud-zenith: #9FCCEE;

  /* The cloud mass over cloudSky — the landing's clouds, and the fill of the cloud glyph on the Cloud page's hero and Home's Cloud button — and the pale horizon at the Cloud sky's bottom edge. Nothing but the Cloud surfaces' text, glyphs and chip reads on it. Palette: surface over summer sky / Parchment over evening sky. */
  --dramless-cloud-mass: #FCFBF8;

  /* The top edge of the Cloud dawn — the sky overhead before sunrise — on Home's Cloud button while the account has no Cloud. The sunrise glyph reads over it; it paints nothing else. Palette: pre-dawn sky / night before dawn. */
  --dramless-cloud-dawn-zenith: #B9CDE8;

  /* The middle of the Cloud dawn on Home's Cloud button while the account has no Cloud. The sunrise glyph reads over it; it paints nothing else. Palette: dawn rose / dawn rose at night. */
  --dramless-cloud-dawn: #F2C7C0;

  /* The horizon at the Cloud dawn's bottom edge on Home's Cloud button while the account has no Cloud, and the fill of the sunrise glyph there and over the Cloud offer page's plans. Only that glyph's outline reads on it. Palette: apricot horizon / ember horizon. */
  --dramless-cloud-dawn-horizon: #FBDDB8;

  /* The top edge of the Dramless AI night, and the deepest point of the Cloud offer page's night ground. aiText, aiStar and the starfield read over it; it paints nothing else. Palette: starlit night overhead / deep night overhead. */
  --dramless-ai-night-zenith: #262A66;

  /* The middle of the Dramless AI night — the Cloud offer page's night ground above and below aiNightZenith. aiText, aiStar and the starfield read over it; it paints nothing else. Palette: starlit night / deep night. */
  --dramless-ai-night: #3E3C8C;

  /* Dramless AI's mark and its light on the night: the sparkles over the Cloud offer page's Dramless AI heading and on its Dramless AI band, the gold stars of its starfield, and, at low opacity, the glow around its Dramless AI tiles and, in dark, its Dramless AI card. Never text. Palette: starlight gold. */
  --dramless-ai-star: #FFD27A;

  /* Text on the Dramless AI night — the Cloud offer's Dramless AI heading and the Dramless AI band's name — and the white stars of the offer page's starfield. Never anywhere else. Palette: moonlight. */
  --dramless-ai-text: #F6F1FF;

  /* The lavender stars of the Cloud offer page's starfield on the Dramless AI night. Never anywhere else. Palette: moonlight faded. */
  --dramless-ai-text-secondary: #E2DAFF;

  /* Text and glyph outlines on the Cloud sky — the Cloud page hero's title, chip and features, Home's Cloud button glyph — over cloudSky and cloudMass, and the sunrise glyph's outline on the Cloud dawn. Never a state color, never text anywhere else. Palette: evening sky / Parchment. */
  --dramless-cloud-text: #162F46;

  /* Secondary text on the Cloud sky — the Cloud page hero's state lines and feature checks — over cloudSky and cloudMass. Palette: evening sky faded / Parchment faded. */
  --dramless-cloud-text-secondary: #3A556C;

  /* The top of the Cloud offer page's day sky, over its Dramless Cloud heading, and what the page shows above its top edge. offerCloudText reads over it at display size; it paints nothing else. Palette: noon sky / night sky overhead. */
  --dramless-offer-sky-top: #4F8BC9;

  /* The upper middle of the Cloud offer page's day sky — cloudZenith in light, a moonlit blue in dark. It paints nothing else. Palette: summer sky deepened / moonlit sky high. */
  --dramless-offer-sky-high: #9FCCEE;

  /* The lower middle of the Cloud offer page's day sky — cloudSky in light, a moonlit blue in dark. It paints nothing else. Palette: summer sky / moonlit sky. */
  --dramless-offer-sky-mid: #BBDCF3;

  /* The Cloud offer page's Dramless Cloud heading on its day sky, the titles and glyph outlines on its Cloud tiles, and, at 10 %, the Cloud tiles' soft shadow in light. Never anywhere else. Palette: evening sky / moonlight on cloud. */
  --dramless-offer-cloud-text: #162F46;

  /* The sentences on the Cloud offer page's Cloud tiles. Never anywhere else. Palette: evening sky faded / silver. */
  --dramless-offer-cloud-text-secondary: #3A556C;

  /* The fill inside the Cloud offer page's Cloud tile glyphs — a laptop's screen, the family's circle. Decoration under an offerCloudText outline; never text, never anywhere else. Palette: summer sky / moonlit blue. */
  --dramless-offer-cloud-detail: #BBDCF3;

  /* The fill of the cloud glyph over the Cloud offer page's Dramless Cloud heading, and, at low opacity, the dark appearance's glow around its Cloud tiles, its Dramless Cloud card and its rows. Never anywhere else. Palette: white cloud / silver cloud. */
  --dramless-offer-cloud-glyph: #FFFFFF;

  /* The outline of the cloud glyph over the Cloud offer page's Dramless Cloud heading, on offerCloudGlyph. Never anywhere else. Palette: evening sky / night sky. */
  --dramless-offer-cloud-glyph-outline: #162F46;

  /* The bottom of the Cloud offer page's day sky, at its Dramless Cloud section's last tile, where dusk begins. It paints nothing else. Palette: sky toward the horizon / evening sky low. */
  --dramless-offer-sky-low: #D6EAF7;

  /* The middle of the Cloud offer page's dusk, between its day sky and its night. It paints nothing else. Palette: dusk lavender / dusk at depth. */
  --dramless-offer-dusk: #8C86C8;

  /* The last of the Cloud offer page's dusk before its night; in dark a step between offerDusk and aiNight, so the dusk only darkens toward the night. It paints nothing else. Palette: night horizon / dusk deepened. */
  --dramless-offer-dusk-deep: #5B4FA3;

  /* The first step of the Cloud offer page's sunrise under its last Dramless AI tile; in dark a step between aiNight and offerSunrise, so the night only brightens toward the morning. It paints nothing else. Palette: night horizon / night lifting. */
  --dramless-offer-sunrise-start: #5B4FA3;

  /* The first light of the Cloud offer page's sunrise, between its night and offerDawn in light; in dark, where the plans stand under a moon instead, the night deepening from indigo toward blue. The sunrise glyph's outline reads over it; it paints nothing else. Palette: first light / first light at depth. */
  --dramless-offer-sunrise: #B98BB0;

  /* The horizon where the Cloud offer page's sunrise ends and its morning begins, behind its plans heading — a moonlit navy in dark. offerPlansText and offerPlansTextSecondary read on it; it paints nothing else. Palette: apricot horizon / moonlit navy. */
  --dramless-offer-horizon: #FBDDB8;

  /* The middle of the Cloud offer page's morning, behind its plan cards — the moonlit night in dark. offerPlansText and offerPlansTextSecondary read on it; it paints nothing else. Palette: morning / morning at depth. */
  --dramless-offer-morning: #FDEBD3;

  /* The foot of the Cloud offer page's morning, and what the page shows below its bottom edge. offerPlansText and offerPlansTextSecondary read on it; it paints nothing else. Palette: daylight / night at the foot. */
  --dramless-offer-daylight: #FFF5E8;

  /* The dawn rose of the Cloud offer page's sunrise in light; in dark the night still deepening toward offerHorizon. It paints nothing else. Palette: dawn rose / night toward the moon. */
  --dramless-offer-dawn: #F2C7C0;

  /* The Cloud offer page's plans heading, the words on its Dramless Cloud card and band and on its rows, and its captions' emphasis. Never anywhere else. Palette: evening sky / moonlight. */
  --dramless-offer-plans-text: #162F46;

  /* The Cloud offer page's captions on its morning, the Dramless Cloud card's caption, and its rows' secondary words and chevrons. Never anywhere else. Palette: evening sky faded / silver. */
  --dramless-offer-plans-text-secondary: #3A556C;

  /* The trial's end on the Cloud offer page's Dramless Cloud card. Never anywhere else. Palette: sky text / moonlit sky text. */
  --dramless-offer-cloud-accent: #35597F;

  /* The top of the band on the Cloud offer page's Dramless Cloud card — flat in dark, where the band is one moonlit blue. It paints nothing else. Palette: summer sky deepened / moonlit band. */
  --dramless-offer-cloud-band-top: #9FCCEE;

  /* The middle of the band on the Cloud offer page's Dramless Cloud card. It paints nothing else. Palette: summer sky / moonlit band. */
  --dramless-offer-cloud-band-mid: #BBDCF3;

  /* The foot of the band on the Cloud offer page's Dramless Cloud card, meeting offerCard in light. It paints nothing else. Palette: white / moonlit band. */
  --dramless-offer-cloud-band-end: #FFFFFF;

  /* The top of the Cloud offer page's Dramless Cloud start — flat moonlight in dark. offerCloudStartText reads on it; it paints nothing else. Palette: summer sky deepened / moonlight. */
  --dramless-offer-cloud-start-top: #9FCCEE;

  /* The middle of the Cloud offer page's Dramless Cloud start. offerCloudStartText reads on it; it paints nothing else. Palette: summer sky / moonlight. */
  --dramless-offer-cloud-start-mid: #BBDCF3;

  /* The foot of the Cloud offer page's Dramless Cloud start. offerCloudStartText reads on it; it paints nothing else. Palette: pale sky / moonlight. */
  --dramless-offer-cloud-start-end: #E8F3FB;

  /* The label and glyph of the Cloud offer page's Dramless Cloud start. Never anywhere else. Palette: evening sky / night sky. */
  --dramless-offer-cloud-start-text: #162F46;

  /* The ground of the Cloud offer page's Dramless AI card below its band. offerAiText, offerAiTextSecondary and offerAiAccent read on it; it paints nothing else. Palette: white / starlit indigo. */
  --dramless-offer-ai-card: #FFFFFF;

  /* The top of the band on the Cloud offer page's Dramless AI card — flat in dark. aiText and aiStar read on it; it paints nothing else. Palette: starlit night overhead / deep night. */
  --dramless-offer-ai-band-top: #262A66;

  /* The middle of the band on the Cloud offer page's Dramless AI card. aiText and aiStar read on it; it paints nothing else. Palette: starlit night / deep night. */
  --dramless-offer-ai-band-mid: #3E3C8C;

  /* The foot of the band on the Cloud offer page's Dramless AI card. aiText and aiStar read on it; it paints nothing else. Palette: night horizon / deep night. */
  --dramless-offer-ai-band-end: #5B4FA3;

  /* The top of the Cloud offer page's Dramless AI start — flat starlight in dark. offerAiStartText reads on it; it paints nothing else. Palette: starlit night overhead / starlight gold. */
  --dramless-offer-ai-start-top: #262A66;

  /* The middle of the Cloud offer page's Dramless AI start. offerAiStartText reads on it; it paints nothing else. Palette: starlit night / starlight gold. */
  --dramless-offer-ai-start-mid: #3E3C8C;

  /* The foot of the Cloud offer page's Dramless AI start. offerAiStartText reads on it; it paints nothing else. Palette: night horizon / starlight gold. */
  --dramless-offer-ai-start-end: #5B4FA3;

  /* The label of the Cloud offer page's Dramless AI start. Never anywhere else. Palette: moonlight / deep night. */
  --dramless-offer-ai-start-text: #F6F1FF;

  /* The sparkles on the Cloud offer page's Dramless AI start — gold on the night start in light, night on the gold start in dark. Never anywhere else. Palette: starlight gold / deep night. */
  --dramless-offer-ai-start-star: #FFD27A;

  /* The waxing crescent over the Cloud offer page's plans heading in dark — the light appearance draws the sunrise there instead — and, at low opacity, its earthshine disc and glow. Never text, never anywhere else. Palette: moonlight. */
  --dramless-offer-moon: #F4F1E6;

  /* Sign out and the unlink action on the Cloud offer page's rows, and a refused start's cause in its caption — negative, lifted in dark to read on the moonlit offerCard and morning. Never anywhere else. Palette: brick / brick lifted. */
  --dramless-offer-negative: #A8402A;

  /* A Dramless Cloud tile on the Cloud offer page — a white cloud on its day sky, a moonlit one on its night sky. offerCloudText and offerCloudTextSecondary read on it, offerCloudDetail fills its glyphs' details; it paints nothing else. Palette: white cloud / cloud at night. */
  --dramless-offer-cloud-tile: #FFFFFF;

  /* A Dramless AI tile on the Cloud offer page — moonlight on its night. offerAiText, offerAiTextSecondary and offerAiStar read on it; it paints nothing else. Palette: moonlight / moonlit night. */
  --dramless-offer-ai-tile: #F6F1FF;

  /* Text and glyph outlines on the Cloud offer page's Dramless AI tiles, and the price on its Dramless AI card, on offerAiTile and offerAiCard. Never anywhere else. Palette: starlit night / moonlight. */
  --dramless-offer-ai-text: #262A66;

  /* The sentences of the Cloud offer page's Dramless AI tiles and the caption of its Dramless AI card, on offerAiTile and offerAiCard. Never anywhere else. Palette: night faded / moonlight faded. */
  --dramless-offer-ai-text-secondary: #4A4787;

  /* The small star in the glyph of each Dramless AI tile on the Cloud offer page — aiStar deepened to read on the moonlit tile in light. Never text, never anywhere else. Palette: starlight gold deepened / starlight gold. */
  --dramless-offer-ai-star: #B8801F;

  /* The trial's end on the Cloud offer page's Dramless AI card — starlight gold in dark. Never anywhere else. Palette: night horizon / starlight gold. */
  --dramless-offer-ai-accent: #5B4FA3;

  /* The ground of the Cloud offer page's Dramless Cloud card below its band, and of its rows — the sign-in row, Manage, the Account section and Sign out — on its morning; a moonlit blue in dark. offerPlansText, offerPlansTextSecondary, offerCloudAccent and offerNegative read on it. Palette: white / moonlit blue. */
  --dramless-offer-card: #FFFFFF;

  /* The Cloud status chip on the Cloud page's hero, and the edge of Home's Cloud button disc — cloudText at 12 % over the sky's end farthest from cloudText, cloudZenith in light and cloudMass in dark, so the patch stands apart from every height of the sky, the horizon included. A chip's label is cloudText, which carries the reading. Palette: evening sky deepened / Parchment-lit horizon. */
  --dramless-cloud-chip: #8FB9DA;

  /* Money coming in, a balance in the black, and savings on track — as text; and the glyph of the transaction in the Cloud offer's Dramless AI picture, the entry the AI wrote, over a faint tint of itself. Palette: sevan text / sevan. */
  --dramless-positive: #3A6E64;

  /* The same state as a fill inside a track or well — progress and illustration, never small text and never an arc its track must carry. Palette: sevan fill / sevan. */
  --dramless-positive-fill: #7DB5AA;

  /* Getting tight against a limit — as text. Palette: mustard text / mustard. */
  --dramless-warning: #875C10;

  /* The same state as a fill — drab on purpose, so a warning never reads as a treat. Palette: mustard fill / mustard. */
  --dramless-warning-fill: #B4791C;

  /* Over budget, destructive actions, and errors — a hue of its own, apart from the brand's, so bad news never wears the brand. A label on its fill is canvas, not onAccent. Palette: brick. */
  --dramless-negative: #A8402A;

  /* The first series of a chart — a bar, a line, or a slice. Palette: sky fill / sky. */
  --dramless-chart1: #4E7CA8;

  /* The second series of a chart. Palette: apricot deepened / apricot. */
  --dramless-chart2: #D9731F;

  /* The third series of a chart. Palette: sevan text / sevan. */
  --dramless-chart3: #3A6E64;

  /* The fourth series of a chart. Palette: nur. */
  --dramless-chart4: #C23A4B;

  /* The fifth series of a chart. Palette: mustard fill / mustard. */
  --dramless-chart5: #B4791C;

  /* The sixth series of a chart, and the neutral a remainder such as Other takes. Palette: Clay / Oat. */
  --dramless-chart6: #947D61;
}

@media (prefers-color-scheme: dark) {
  :root {
    --dramless-canvas: #241A12;
    --dramless-surface: #332619;
    --dramless-surface-muted: #4A382A;
    --dramless-bubble: #4E3421;
    --dramless-divider: #4A382A;
    --dramless-canvas-pill: #4A382A;
    --dramless-scrim: #241A12;
    --dramless-text-primary: #F3E7D3;
    --dramless-text-secondary: #C4AE92;
    --dramless-text-faint: #8A755C;
    --dramless-brand-accent: #E05A6B;
    --dramless-accent: #FF9D4D;
    --dramless-accent-text: #FF9D4D;
    --dramless-on-accent: #241A12;
    --dramless-info: #7FA9D4;
    --dramless-cloud-sky: #162F46;
    --dramless-cloud-zenith: #0E2236;
    --dramless-cloud-mass: #3E505F;
    --dramless-cloud-dawn-zenith: #13233A;
    --dramless-cloud-dawn: #4C2E40;
    --dramless-cloud-dawn-horizon: #82553A;
    --dramless-ai-night-zenith: #0E1133;
    --dramless-ai-night: #232661;
    --dramless-ai-star: #FFD27A;
    --dramless-ai-text: #F6F1FF;
    --dramless-ai-text-secondary: #D6CCFF;
    --dramless-cloud-text: #F3E7D3;
    --dramless-cloud-text-secondary: #C3BEB4;
    --dramless-offer-sky-top: #0A1A30;
    --dramless-offer-sky-high: #10264A;
    --dramless-offer-sky-mid: #1A3558;
    --dramless-offer-cloud-text: #EEF3FA;
    --dramless-offer-cloud-text-secondary: #C9D5E3;
    --dramless-offer-cloud-detail: #5F82AD;
    --dramless-offer-cloud-glyph: #DCE5EF;
    --dramless-offer-cloud-glyph-outline: #0E2236;
    --dramless-offer-sky-low: #22385A;
    --dramless-offer-dusk: #233262;
    --dramless-offer-dusk-deep: #242B60;
    --dramless-offer-sunrise-start: #1F2558;
    --dramless-offer-sunrise: #1A2149;
    --dramless-offer-horizon: #131B38;
    --dramless-offer-morning: #111930;
    --dramless-offer-daylight: #0D1427;
    --dramless-offer-dawn: #161E40;
    --dramless-offer-plans-text: #EEF3FA;
    --dramless-offer-plans-text-secondary: #C9D5E3;
    --dramless-offer-cloud-accent: #A9C8EA;
    --dramless-offer-cloud-band-top: #3A5478;
    --dramless-offer-cloud-band-mid: #3A5478;
    --dramless-offer-cloud-band-end: #3A5478;
    --dramless-offer-cloud-start-top: #DCE5EF;
    --dramless-offer-cloud-start-mid: #DCE5EF;
    --dramless-offer-cloud-start-end: #DCE5EF;
    --dramless-offer-cloud-start-text: #0E2236;
    --dramless-offer-ai-card: #2A2766;
    --dramless-offer-ai-band-top: #1C1A4E;
    --dramless-offer-ai-band-mid: #1C1A4E;
    --dramless-offer-ai-band-end: #1C1A4E;
    --dramless-offer-ai-start-top: #FFD27A;
    --dramless-offer-ai-start-mid: #FFD27A;
    --dramless-offer-ai-start-end: #FFD27A;
    --dramless-offer-ai-start-text: #1C1A4E;
    --dramless-offer-ai-start-star: #1C1A4E;
    --dramless-offer-moon: #F4F1E6;
    --dramless-offer-negative: #FF9A82;
    --dramless-offer-cloud-tile: #344E6E;
    --dramless-offer-ai-tile: #2D2B70;
    --dramless-offer-ai-text: #F6F1FF;
    --dramless-offer-ai-text-secondary: #D6CCFF;
    --dramless-offer-ai-star: #FFD27A;
    --dramless-offer-ai-accent: #FFD27A;
    --dramless-offer-card: #2B4060;
    --dramless-cloud-chip: #54626D;
    --dramless-positive: #9ED0C5;
    --dramless-positive-fill: #9ED0C5;
    --dramless-warning: #CE9430;
    --dramless-warning-fill: #CE9430;
    --dramless-negative: #E0714F;
    --dramless-chart1: #7FA9D4;
    --dramless-chart2: #FF9D4D;
    --dramless-chart3: #9ED0C5;
    --dramless-chart4: #E05A6B;
    --dramless-chart5: #CE9430;
    --dramless-chart6: #C4AE92;
  }
}