/*
 * Oxide: the house colour and type system, one palette and three faces for oxagen and stella.
 *
 * GENERATED by build/build.py from theme/theme.json. Do not edit.
 *
 * Soot (#151515) and bone (#FCFDFC), with neutral greys between, and one
 * gold (#F4B13E). Gold is the identity, the one action on a screen, and
 * where you are: the current tab, the current page, links, a pressed
 * filter, and the focus ring. The rust-* names hold its stops for where you
 * are. gold-bright is the gold action under the pointer on soot, and
 * gold-deep is the gold as a mark on bone, both derived from the gold in
 * OKLCH. Gold never marks a state.
 *
 * A status shows a glyph and a word, never colour alone. The st-* colours
 * tint the glyph. destructive is the failed red lifted until it clears AA
 * on soot. A word in a state's colour takes its text stop, st-*-text on
 * soot and st-*-text-ink on bone, which clears 4.5:1 on every surface of
 * its theme. The ember ramp, ember-0 to ember-7, is for charts of heat and
 * volume.
 *
 * A panel at rest is solid: 18px corners, a hairline, a lit top edge, and a
 * soft deep shadow. Glass is for what floats: the sticky bar, popovers, and
 * sheets. --ox-glass-* sets each level's fill, blur, and saturation, the
 * ring at its edge, the lit line along its top, and the canvas, which is
 * flat.
 *
 * Space Grotesk sets hero copy and every h1 to h3 on every surface, at
 * weight 400 alone (--ox-font-display, --ox-font-heading), and the
 * wordmarks (--ox-font-wordmark), a use that is fixed. Geist sets h4 to h6
 * and every other line. Geist Mono sets code, ids, digests, agent and
 * runtime names, figures, and eyebrows. Each type scale has one base,
 * --ox-m-base (16px) and --ox-a-base (14.8px), and every step is the base
 * times its ratio, so a change to a base moves every step on its scale.
 * tokens/house-fonts.css carries the @font-face rules.
 */

:root {
  --ox-gold: #F4B13E; /* the gold: identity, and the one action on a screen. flat, always */
  --ox-gold-bright: #FFC567; /* the gold action under the pointer on soot; the shimmer's light */
  --ox-gold-deep: #DF9D21; /* the gold as a mark on bone: the agent dot, the asterisk, the eyebrow square */
  --ox-gold-text-ink: #896016; /* deprecated: gold as words on bone. Words take rust-text-ink */
  --ox-on-gold: #1A1208; /* the ink on a gold fill, in both themes */
  --ox-rust: #F4B13E; /* where you are, as a mark and the sweep on soot: a gold stop */
  --ox-rust-text: #F4B13E; /* where you are, as words on soot: links and the accent word */
  --ox-rust-ink: #9B6900; /* where you are, as a mark and the focus ring on bone */
  --ox-rust-text-ink: #865900; /* where you are, as words on bone: links and the accent word */
  --ox-rust-deep: #624000; /* the deep gold, for a fill under light text */
  --ox-ink: #151515; /* the dark canvas: soot */
  --ox-void: #111111; /* one step below the canvas: the sidebar and fields */
  --ox-panel: #1A1A19; /* panels, cards, code blocks */
  --ox-hl: #20201F; /* a lifted row: hover and current */
  --ox-border: #2C2C2C; /* hairlines on soot */
  --ox-rule: #474746; /* a control's border on soot */
  --ox-paper: #FCFDFC; /* the light canvas: bone */
  --ox-paper-void: #FBFBF9; /* one step from bone: the sidebar and fields */
  --ox-paper-panel: #FFFFFF; /* light panel */
  --ox-paper-hl: #EDECE8; /* a lifted row on bone: hover and current */
  --ox-paper-border: #E3E4E3; /* hairlines on bone */
  --ox-paper-rule: #CCCCCB; /* a control's border on bone */
  --ox-text: #FCFDFC; /* primary text on ink */
  --ox-text-body: #C8C7C2; /* body text on ink */
  --ox-muted: #9B9993; /* secondary text on ink */
  --ox-dim: #898782; /* the quietest text on ink: decoration only */
  --ox-text-ink: #151515; /* primary text on paper */
  --ox-text-ink-body: #3A3936; /* body text on paper */
  --ox-muted-ink: #52514E; /* secondary text on paper */
  --ox-muted-text-ink: #52514E; /* secondary text on paper and on a lifted row there */
  --ox-dim-ink: #898782; /* the quietest text on paper: decoration only */

  --ox-st-allowed: #5FBF9F; /* a request a rule allowed, on ink */
  --ox-st-allowed-ink: #19704F; /* the same, on paper */
  --ox-st-approval: #7AA2F0; /* a request routed to a person, on ink */
  --ox-st-approval-ink: #2E5FBF; /* the same, on paper */
  --ox-st-denied: #E5596E; /* a request a rule denied, on ink */
  --ox-st-denied-ink: #B3283F; /* the same, on paper */
  --ox-st-proven: #4FB3A9; /* a result a named check proved, on ink */
  --ox-st-proven-ink: #1C6F68; /* the same, on paper */
  --ox-st-failed: #E5596E; /* a check that did not hold, on ink */
  --ox-st-failed-ink: #B3283F; /* the same, on paper */
  --ox-st-critical: #E5596E; /* a run that needs a person now, on ink */
  --ox-st-critical-ink: #B3283F; /* the same, on paper */
  --ox-destructive: #EC5F74; /* a destructive action, on ink: text and fill */
  --ox-destructive-ink: #B3283F; /* the same, on paper */

  --ox-st-allowed-text: #60C0A0; /* allowed as words, on ink, panel, and hl */
  --ox-st-allowed-text-ink: #19704F; /* allowed as words, on paper and paper-hl */
  --ox-st-approval-text: #81AAF9; /* approval as words, on ink, panel, and hl */
  --ox-st-approval-text-ink: #2E5FBF; /* approval as words, on paper and paper-hl */
  --ox-st-denied-text: #FF7688; /* denied as words, on ink, panel, and hl */
  --ox-st-denied-text-ink: #B3283F; /* denied as words, on paper and paper-hl */
  --ox-st-proven-text: #5CBEB4; /* proven as words, on ink, panel, and hl */
  --ox-st-proven-text-ink: #1C6F68; /* proven as words, on paper and paper-hl */
  --ox-st-failed-text: #FF7688; /* failed as words, on ink, panel, and hl */
  --ox-st-failed-text-ink: #B3283F; /* failed as words, on paper and paper-hl */
  --ox-st-critical-text: #FF7688; /* critical as words, on ink, panel, and hl */
  --ox-st-critical-text-ink: #B3283F; /* critical as words, on paper and paper-hl */
  --ox-destructive-text: #FF7689; /* destructive as words, on ink, panel, and hl */
  --ox-destructive-text-ink: #B3283F; /* destructive as words, on paper and paper-hl */

  --ox-runtime-cloud: #6CC4E0; /* an agent in Oxagen's cloud, as a mark on ink */
  --ox-runtime-cloud-ink: #1A6E8C; /* the same, on paper */
  --ox-runtime-cloud-text: #6DC4E0; /* as words, on ink, panel, hl, and its tint */
  --ox-runtime-cloud-text-ink: #186C8A; /* as words, on paper, paper-hl, and its tint */
  --ox-runtime-cloud-soft: color-mix(in srgb, #6CC4E0 9%, transparent); /* the tint under a pill, on ink */
  --ox-runtime-cloud-soft-ink: color-mix(in srgb, #1A6E8C 8%, transparent); /* the same, on paper */
  --ox-runtime-device: #B49AF0; /* an agent on an enrolled device, as a mark on ink */
  --ox-runtime-device-ink: #6A4FC0; /* the same, on paper */
  --ox-runtime-device-text: #B49AF0; /* as words, on ink, panel, hl, and its tint */
  --ox-runtime-device-text-ink: #6A4FC0; /* as words, on paper, paper-hl, and its tint */
  --ox-runtime-device-soft: color-mix(in srgb, #B49AF0 9%, transparent); /* the tint under a pill, on ink */
  --ox-runtime-device-soft-ink: color-mix(in srgb, #6A4FC0 8%, transparent); /* the same, on paper */
  --ox-runtime-offline: #8F857A; /* an enrolled device that is offline, as a mark on ink */
  --ox-runtime-offline-ink: #6B6157; /* the same, on paper */
  --ox-runtime-offline-text: #988E83; /* as words, on ink, panel, hl, and its tint */
  --ox-runtime-offline-text-ink: #6B6157; /* as words, on paper, paper-hl, and its tint */
  --ox-runtime-offline-soft: color-mix(in srgb, #8F857A 9%, transparent); /* the tint under a pill, on ink */
  --ox-runtime-offline-soft-ink: color-mix(in srgb, #6B6157 8%, transparent); /* the same, on paper */
  --ox-device-online: #5FBF9F; /* the dot beside an enrolled device that is online, as a mark on ink */
  --ox-device-online-ink: #19704F; /* the same, on paper */
  --ox-device-online-text: #5FBF9F; /* as words, on ink, panel, hl, and its tint */
  --ox-device-online-text-ink: #19704F; /* as words, on paper, paper-hl, and its tint */
  --ox-device-online-soft: color-mix(in srgb, #5FBF9F 9%, transparent); /* the tint under a pill, on ink */
  --ox-device-online-soft-ink: color-mix(in srgb, #19704F 8%, transparent); /* the same, on paper */

  --ox-ember-0: #2C1C00; /* the ember ramp, low */
  --ox-ember-1: #493000;
  --ox-ember-2: #6B4800;
  --ox-ember-3: #8F6203;
  --ox-ember-4: #B57D08;
  --ox-ember-5: #D59725;
  --ox-ember-6: #F4B13E;
  --ox-ember-7: #FFD691; /* the ember ramp, high */

  --ox-gold-sheen: linear-gradient(45deg, #DF9D21 0%, #F4B13E 38%, #FFC567 56%, #F4B13E 74%, #DF9D21 100%);
  --ox-gold-hover-ink: color-mix(in oklch, var(--ox-gold) 70%, var(--ox-gold-bright)); /* the gold action under the pointer, on bone. On soot it takes --ox-gold-bright */

  --ox-font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif; /* hero copy and every h1 to h3, at weight 400 */
  --ox-font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif; /* body, labels, buttons, tables, navigation, and every h4 to h6 */
  --ox-font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* code, ids, digests, agent and runtime names, figures, and eyebrows */
  --ox-font-heading: "Space Grotesk", "Helvetica Neue", Arial, sans-serif; /* h1 to h3: Space Grotesk 400 on every surface since Oxide */
  --ox-font-wordmark: "Space Grotesk", "Helvetica Neue", Arial, sans-serif; /* the oxagen and stella wordmarks, set as text. It is fixed, at weight 400 */
  --ox-font-mono-features: normal; /* the code face's features: Geist Mono turns none on */

  --ox-weight-display: 400;
  --ox-weight-logo: 400;
  --ox-weight-heading: 400;
  --ox-weight-subheading: 600;
  --ox-weight-ui: 500;
  --ox-weight-body: 400;

  --ox-tracking-hero: -0.035em;
  --ox-tracking-display: -0.03em;
  --ox-tracking-title: -0.025em;
  --ox-tracking-headline: -0.02em;
  --ox-tracking-subhead: -0.015em;
  --ox-tracking-heading: -0.01em;
  --ox-tracking-none: 0;
  --ox-tracking-eyebrow: 0.08em;

  --ox-m-base: 1rem; /* 16px: the marketing body size, which every step multiplies */
  --ox-m-h1: calc(var(--ox-m-base) * 4.5); /* marketing h1, 72px at the base, line-height 1 */
  --ox-m-h2: calc(var(--ox-m-base) * 2.5); /* marketing h2, 40px at the base, line-height 1.1 */
  --ox-m-h3: calc(var(--ox-m-base) * 1.75); /* marketing h3, 28px at the base, line-height 1.2 */
  --ox-m-h4: calc(var(--ox-m-base) * 1.25); /* marketing h4, 20px at the base, line-height 1.35 */
  --ox-m-body: var(--ox-m-base); /* marketing body, the base, line-height 1.625 */
  --ox-m-micro: calc(var(--ox-m-base) * 0.875); /* marketing micro, 14px at the base, line-height 1.5 */

  --ox-a-base: 0.925rem; /* 14.8px: the app body size, which every step multiplies */
  --ox-a-hero: calc(var(--ox-a-base) * 3.648649); /* app hero, 54px at the base, line-height 1 */
  --ox-a-h1: calc(var(--ox-a-base) * 2.567568); /* app h1, 38px at the base, line-height 1.05 */
  --ox-a-h2: calc(var(--ox-a-base) * 1.714286); /* app h2, 25.37px at the base, line-height 1.15 */
  --ox-a-h3: calc(var(--ox-a-base) * 1.428571); /* app h3, 21.14px at the base, line-height 1.25 */
  --ox-a-h4: calc(var(--ox-a-base) * 1.142857); /* app h4, 16.91px at the base, line-height 1.35 */
  --ox-a-body: var(--ox-a-base); /* app body, the base, line-height 1.5 */
  --ox-a-micro: calc(var(--ox-a-base) * 0.857143); /* app micro, 12.69px at the base, line-height 1.45 */
  --ox-a-2xs: calc(var(--ox-a-base) * 0.75); /* app 2xs, 11.1px at the base, line-height 1.3 */

  --ox-m-h1-leading: 1;
  --ox-m-h2-leading: 1.1;
  --ox-m-h3-leading: 1.2;
  --ox-m-h4-leading: 1.35;
  --ox-m-body-leading: 1.625;
  --ox-m-micro-leading: 1.5;

  --ox-a-hero-leading: 1;
  --ox-a-h1-leading: 1.05;
  --ox-a-h2-leading: 1.15;
  --ox-a-h3-leading: 1.25;
  --ox-a-h4-leading: 1.35;
  --ox-a-body-leading: 1.5;
  --ox-a-micro-leading: 1.45;
  --ox-a-2xs-leading: 1.3;

  --ox-radius: 1.125rem; /* 18px: cards and panels on the website */
  --ox-radius-field: 0.75rem; /* 12px: a text field */
  --ox-radius-badge: 0.375rem; /* 6px: a priority badge */
  --ox-radius-pill: 999px; /* buttons, chips, filters, and the search field: fully round */
  --ox-wrap: 1180px;
  --ox-shimmer-period: 2.8s;

  --ox-radius-base: 0.45rem; /* 7.2px: the corner every step multiplies */
  --ox-radius-xs: calc(var(--ox-radius-base) * 0.4); /* 2.88px */
  --ox-radius-sm: calc(var(--ox-radius-base) * 0.6); /* 4.32px */
  --ox-radius-md: calc(var(--ox-radius-base) * 0.8); /* 5.76px */
  --ox-radius-lg: calc(var(--ox-radius-base) * 1); /* 7.20px */
  --ox-radius-xl: calc(var(--ox-radius-base) * 1.4); /* 10.08px */
  --ox-radius-2xl: calc(var(--ox-radius-base) * 1.8); /* 12.96px */
  --ox-radius-3xl: calc(var(--ox-radius-base) * 2.2); /* 15.84px */
  --ox-radius-4xl: calc(var(--ox-radius-base) * 2.6); /* 18.72px */
  --ox-radius-card: var(--ox-radius-4xl); /* a card and a panel */

  --ox-shadow-ui: 0 1px 2px oklch(0.15 0 0 / 0.07); /* under a control, on ink */
  --ox-shadow-ui-ink: 0 1px 2px oklch(0.15 0 0 / 0.07); /* the same, on paper */
  --ox-shadow-pop: 0 25px 50px -12px rgb(0 0 0 / 0.6); /* under a menu, popover, dialog, or toast, on ink */
  --ox-shadow-pop-ink: 0 25px 50px -12px color-mix(in srgb, var(--ox-ink) 25%, transparent); /* the same, on paper */
  --ox-shadow-panel: 0 24px 60px -24px rgb(0 0 0 / 0.7); /* under a panel at rest, on ink */
  --ox-shadow-panel-ink: 0 24px 60px -32px rgb(0 0 0 / 0.16); /* the same, on paper */
  --ox-shadow-action: none; /* the gold action at rest, on ink */
  --ox-shadow-action-ink: inset 0 0 0 1px rgb(140 80 10 / 0.22); /* the same, on paper: an edge that holds its shape */
  --ox-shadow-action-hover: 0 0 0 6px color-mix(in srgb, var(--ox-gold) 12%, transparent), 0 12px 36px -12px color-mix(in srgb, var(--ox-rust) 75%, transparent); /* the gold action under the pointer, on ink */
  --ox-shadow-action-hover-ink: inset 0 0 0 1px rgb(140 80 10 / 0.25), 0 0 0 6px color-mix(in srgb, var(--ox-gold) 16%, transparent), 0 12px 30px -12px color-mix(in srgb, var(--ox-rust-ink) 50%, transparent); /* the same, on paper */

  --ox-glass-panel-fill: 100%; /* a card, a panel, the sidebar, or a table's frame at rest over the canvas: how much of its fill it keeps, on ink */
  --ox-glass-panel-fill-ink: 100%; /* the same, on paper */
  --ox-glass-panel-blur: 0px; /* the blur of the page beneath, on ink */
  --ox-glass-panel-blur-ink: 0px; /* the same, on paper */
  --ox-glass-panel-saturate: 100%;
  --ox-glass-bar-fill: 75%; /* a sticky bar over scrolling content: how much of its fill it keeps, on ink */
  --ox-glass-bar-fill-ink: 78%; /* the same, on paper */
  --ox-glass-bar-blur: 12px; /* the blur of the page beneath, on ink */
  --ox-glass-bar-blur-ink: 12px; /* the same, on paper */
  --ox-glass-bar-saturate: 150%;
  --ox-glass-popover-fill: 70%; /* a menu, select list, tooltip, hover card, or toast: how much of its fill it keeps, on ink */
  --ox-glass-popover-fill-ink: 55%; /* the same, on paper */
  --ox-glass-popover-blur: 40px; /* the blur of the page beneath, on ink */
  --ox-glass-popover-blur-ink: 16px; /* the same, on paper */
  --ox-glass-popover-saturate: 150%;
  --ox-glass-sheet-fill: 85%; /* a dialog, the command menu, a drawer, or the phone nav: how much of its fill it keeps, on ink */
  --ox-glass-sheet-fill-ink: 85%; /* the same, on paper */
  --ox-glass-sheet-blur: 40px; /* the blur of the page beneath, on ink */
  --ox-glass-sheet-blur-ink: 24px; /* the same, on paper */
  --ox-glass-sheet-saturate: 150%;
  --ox-glass-edge: 10%; /* the ring in place of a border: the text colour at this much, on ink */
  --ox-glass-edge-ink: 5%; /* the same, on paper */
  --ox-glass-highlight: 4.5%; /* the lit top edge of a panel or a glass level: white at this much, on ink */
  --ox-glass-highlight-ink: 90%; /* the same, on paper */
  --ox-glass-scrim-blur: 4px; /* the light blur on the scrim behind a sheet */
  --ox-glass-canvas-ember: 0%; /* the glow at the top left: the rust stop at this much, on ink */
  --ox-glass-canvas-ember-ink: 0%; /* the same, on paper */
  --ox-glass-canvas-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23g)' opacity='0'/%3E%3C/svg%3E"); /* the film grain over the canvas, never a panel, on ink */
  --ox-glass-canvas-grain-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23g)' opacity='0'/%3E%3C/svg%3E"); /* the same, on paper */
  --ox-glass-canvas-bloom: 0%; /* deprecated: the gold's bloom, replaced by the ember glow in Oxide */
  --ox-glass-canvas-haze: 0%; /* deprecated: the neutral haze, replaced by the ember glow in Oxide */
  --ox-glass-canvas-haze-ink: 0%; /* deprecated: the same, on paper */

  --ox-ease-control: cubic-bezier(0.22, 1, 0.36, 1); /* the curve a press moves on; every other change keeps ease */
  --ox-motion-control: 200ms; /* a change of fill, border, text colour, or underline */
  --ox-motion-press: 250ms; /* the press and the gold action's glow */
  --ox-press-scale: 0.97; /* how far a pressed button sinks */
  --ox-motion-orbit: 2.4s; /* one turn of the agent dot and the sweep, and one ping */
  --ox-motion-asterisk: 3.2s; /* one turn of stella's asterisk */
  --ox-ease-enter: cubic-bezier(0.16, 1, 0.3, 1); /* the curve a floating surface opens on */
  --ox-ease-exit: cubic-bezier(0.4, 0, 1, 1); /* the curve it closes on */
  --ox-motion-popover-enter: 160ms; /* a popover fades and grows from its trigger */
  --ox-motion-popover-exit: 120ms;
  --ox-motion-popover-scale: 0.96; /* the scale it opens from */
  --ox-motion-sheet-enter: 220ms; /* a dialog fades and rises */
  --ox-motion-sheet-exit: 160ms;
  --ox-motion-sheet-rise: 8px; /* how far it rises */
  --ox-motion-drawer-enter: 320ms; /* a drawer slides in from its edge */
  --ox-motion-drawer-exit: 220ms;

  --ox-space: 0.25rem; /* the spacing unit: p-4 is four of it */
}