/*
 * GENERATED FILE, DO NOT EDIT.
 * Source: claude/skills-personal/rafael-design-system/tokens/src/
 * Regenerate: cd into that tokens/ directory and run `npm run build` (local) or `npm run push` (into the consumer repos).
 * Edit the source tokens and regenerate this file.
 */

:root {
  --accent: oklch(0.7045 0.1926 39.23);
  --accent-deep: oklch(0.5961 0.1835 37.46);
  --accent-ink: oklch(0.2161 0.0061 56.04);
  --accent-tint: oklch(0.7045 0.1926 39.23 / 0.08);
  --sheen-angle-ground: 160;
  --sheen-angle-card: 135;
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 20px;
  --space-9: 24px;
  --space-10: 32px;
  --space-11: 40px;
  --space-12: 48px;
  --space-13: 56px;
  --space-14: 64px;
  --space-15: 80px;
  --space-16: 96px;
  --space-18: 128px;
  --font-content: Colaborate, "Colaborate Fallback", system-ui, sans-serif;
  --font-ui: "Cal Sans UI", "Cal Sans UI Fallback", system-ui, sans-serif;
  --font-text: "Cal Sans UI Text", "Cal Sans UI Text Fallback", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --weight-regular: 400;
  --weight-strong: 600;
  --weight-heading: 500;
  --weight-content: 300;
  --lh-display: 1.1;
  --lh-section: 1.25;
  --lh-title: 1.3;
  --lh-body: 1.5;
  --lh-small: 1.45;
  --tracking-default: 0px;
  --tracking-heading: -0.02em;
  --tracking-hero: -0.025em;
  --tracking-display: -0.015em;
  --tracking-section: -0.01em;
  --tracking-label: 0.08em;
  --text-hero-min: 44px;
  --text-hero-max: 120px;
  --text-display-min: 28px;
  --text-display-max: 40px;
  --text-section: 24px;
  --text-title: 18px;
  --text-lead: 20px;
  --text-body: 16px;
  --text-small: 14px;
  --text-micro: 13px;
  --fluid-hero: 7vw;
  --fluid-display: 4vw;
  --icon-stroke: 1.5px;
  --icon-indicator-thickness: 2px;
  --icon-spinner-stroke: 2px;
  --icon-size-sm: 14px;
  --icon-size-md: 16px;
  --icon-size-lg: 20px;
  --icon-size-xl: 24px;
  --ease-standard: cubic-bezier(0.44, 0, 0.56, 1);
  --ease-enter: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-exit: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-fast: 150ms;
  --dur-base: 200ms;
  --dur-medium: 300ms;
  --dur-slow: 450ms;
  --dur-reveal: 600ms;
  --loop-pulse: 2400ms;
  --loop-breathing: 4000ms;
  --loop-step-fill: 7000ms;
  --loop-ticker-fast: 32000ms;
  --loop-ticker-slow: 60000ms;
  --motion-breathing-opacity-min: 0.12;
  --motion-breathing-opacity-max: 0.34;
  --motion-press-scale: 0.97;
  --motion-dialog-scale: 0.95;
  --motion-popover-scale: 0.97;
  --motion-tooltip-delay: 500ms;
  --motion-spin-duration: 600ms;
  --a11y-tap-target: 44px;
  --a11y-focus-ring-width: 2px;
  --a11y-focus-ring-offset: 2px;
  --opacity-disabled: 0.4;
  --rhythm-heading-lead: 12px;
  --rhythm-block-section: 32px;
  --radius-card: 8px;
  --radius-tcard: 12px;
  --radius-button: 8px;
  --radius-media: 8px;
  --radius-chip: 6px;
  --radius-pill: 999px;
  --radius-check: 5px;
  --size-icon-button: 40px;
  --size-avatar-sm: 24px;
  --size-avatar-md: 32px;
  --size-avatar-lg: 48px;
  --size-switch-width: 44px;
  --size-switch-height: 24px;
  --size-switch-thumb: 16px;
  --size-slider-thumb: 20px;
  --size-spinner: 20px;
  --size-dialog-width: 448px;
  --size-sheet-width: 384px;
  --size-sidebar: 256px;
  --size-menu-width: 200px;
  --size-tooltip-width: 240px;
  --size-control-height: 40px;
  --size-control-height-sm: 32px;
  --size-check: 18px;
  --layout-wrap: 1280px;
  --layout-wrap-padding: 64px;
  --layout-wrap-padding-narrow: 24px;
  --layout-measure-reading: 36rem;
  --layout-measure-content: 52rem;
  --layout-measure-heading: 50rem;
  --layout-section-gap: 128px;
  --layout-section-gap-narrow: 80px;
  --layout-breakpoint-md: 640px;
  --layout-breakpoint-lg: 1024px;
  --layout-grid-columns-sm: 4;
  --layout-grid-columns-md: 8;
  --layout-grid-columns-lg: 12;
  --layout-grid-gutter: 16px;
  --layout-grid-gutter-lg: 24px;
  --layout-grid-margin: 16px;
  --layer-dropdown: 100;
  --layer-toast: 300;
  --layer-tooltip: 400;
  --border-width-control: 1px;
  --text-hero: clamp(44px, 7vw, 120px);
  --text-display: clamp(28px, 4vw, 40px);

  /* light appearance */
  --accent-text-on-dark: oklch(0.2161 0.0061 56.04);
  --available: oklch(0.6571 0.1374 153.22);
  --available-text: oklch(0.4475 0.091 154.4);
  --available-tint: oklch(0.6571 0.1374 153.22 / 0.16);
  --danger: oklch(0.5758 0.2088 29.48);
  --danger-text: oklch(0.4217 0.1487 29.14);
  --danger-tint: oklch(0.5758 0.2088 29.48 / 0.16);
  --warning: oklch(0.6535 0.151 60.23);
  --warning-text: oklch(0.4408 0.1022 61.22);
  --warning-tint: oklch(0.6535 0.151 60.23 / 0.16);
  --info: oklch(0.5544 0.0407 257.42);
  --info-text: oklch(0.3918 0.0339 260.19);
  --info-tint: oklch(0.5544 0.0407 257.42 / 0.16);
  --scrim: oklch(0 0 0 / 0.4);
  --surface-ground: oklch(0.9848 0.0013 106.42);
  --surface-stone: oklch(0.9646 0.0017 67.8);
  --surface-stone-deep: oklch(0.9232 0.0026 48.72);
  --surface-elevated: oklch(1 0 0);
  --text-primary: oklch(0.2161 0.0061 56.04);
  --text-secondary: oklch(0.3741 0.0087 67.56);
  --text-tertiary: oklch(0.5107 0.0109 62.43);
  --text-muted: oklch(0.6213 0.0113 58.11);
  --border-subtle: oklch(0 0 0 / 0.08);
  --border-default: oklch(0 0 0 / 0.1);
  --border-control: oklch(0.6002 0.0105 62.48);
  --button-primary-fill: oklch(0.2161 0.0061 56.04);
  --button-primary-fill-hover: oklch(0.2882 0.008 59.35);
  --button-primary-label: oklch(1 0 0);
  --button-secondary-fill: oklch(0.9646 0.0017 67.8);
  --button-secondary-fill-hover: oklch(0.9232 0.0026 48.72);
  --button-secondary-fill-on-stone: oklch(0.9232 0.0026 48.72);
  --button-secondary-fill-hover-on-stone: oklch(0.8687 0.0043 56.37);
  --button-ghost-fill-hover: oklch(0.9646 0.0017 67.8);
  --button-ghost-fill-hover-on-stone: oklch(0.9232 0.0026 48.72);
  --button-signal-fill-hover: oklch(0.7318 0.1707 40.26);
  --button-on-surface-fill-hover: oklch(0.2882 0.008 59.35);
  --button-destructive-fill-hover: oklch(0.5258 0.1988 29.48);
  --button-destructive-quiet-fill-hover: oklch(0.5758 0.2088 29.48 / 0.26);
  --sheen: oklch(0.2161 0.0061 56.04 / 0.035);
  --chart-categorical-1: oklch(0.6703 0.1901 38.02);
  --chart-categorical-2: oklch(0.6181 0.1066 264.35);
  --chart-categorical-3: oklch(0.6235 0.0973 186.11);
  --chart-grid: oklch(0 0 0 / 0.08);
  --chart-axis: oklch(0.6002 0.0105 62.48);
  --chart-label: oklch(0.5107 0.0109 62.43);
  --sheen-ground: linear-gradient(160deg, rgba(28,25,23,0.035) 0%, transparent 50%, transparent 100%);
  --sheen-card: linear-gradient(135deg, transparent 35%, rgba(28,25,23,0.035) 100%);
  --shadow-sm: 0px 1px 3px 0px rgba(23,23,23,0.1), 0px 1px 2px -1px rgba(23,23,23,0.1);
  --shadow-md: 0px 4px 6px -1px rgba(23,23,23,0.1), 0px 2px 4px -2px rgba(23,23,23,0.1);
  --shadow-lg: 0px 10px 15px -3px rgba(23,23,23,0.1), 0px 4px 6px -4px rgba(23,23,23,0.1);
  --shadow-xl: 0px 20px 25px -5px rgba(23,23,23,0.1), 0px 8px 10px -6px rgba(23,23,23,0.1);
  --shadow-dropdown: 0px 10px 15px -3px rgba(23,23,23,0.1), 0px 4px 6px -4px rgba(23,23,23,0.1);
  --shadow-modal: 0px 25px 50px -12px rgba(23,23,23,0.25);
  --shadow-button-primary: 0px 1px 2px 0px rgba(0,0,0,0.12), inset 0px 1px 0px 0px rgba(255,255,255,0.08);
  --shadow-button-secondary: inset 0px 0px 0px 1px rgba(0,0,0,0.08), 0px 1px 2px 0px rgba(0,0,0,0.05);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --accent-text-on-dark: oklch(0.7045 0.1926 39.23);
    --available: oklch(0.7902 0.1657 154.86);
    --available-text: oklch(0.7902 0.1657 154.86);
    --available-tint: oklch(0.7902 0.1657 154.86 / 0.1);
    --danger: oklch(0.7086 0.1699 26.47);
    --danger-text: oklch(0.7086 0.1699 26.47);
    --danger-tint: oklch(0.7086 0.1699 26.47 / 0.1);
    --warning: oklch(0.8251 0.1425 76.26);
    --warning-text: oklch(0.8251 0.1425 76.26);
    --warning-tint: oklch(0.8251 0.1425 76.26 / 0.1);
    --info: oklch(0.7107 0.0351 256.79);
    --info-text: oklch(0.7719 0.0295 256.51);
    --info-tint: oklch(0.7107 0.0351 256.79 / 0.1);
    --scrim: oklch(0 0 0 / 0.7);
    --surface-ground: oklch(0 0 0);
    --surface-stone: oklch(0.1286 0 0);
    --surface-stone-deep: oklch(0.1638 0 0);
    --surface-elevated: oklch(0.1913 0 0);
    --text-primary: oklch(0.9461 0 0);
    --text-secondary: oklch(0.8141 0 0);
    --text-tertiary: oklch(0.65 0 0);
    --text-muted: oklch(0.5931 0 0);
    --border-subtle: oklch(1 0 0 / 0.07);
    --border-default: oklch(1 0 0 / 0.1);
    --border-control: oklch(0.4962 0 0);
    --button-primary-fill: oklch(0.9304 0.0027 106.45);
    --button-primary-fill-hover: oklch(0.9696 0.0026 106.45);
    --button-primary-label: oklch(0.2161 0.0061 56.04);
    --button-secondary-fill: oklch(0.1913 0 0);
    --button-secondary-fill-hover: oklch(0.2264 0 0);
    --button-secondary-fill-on-stone: oklch(0.2178 0 0);
    --button-secondary-fill-hover-on-stone: oklch(0.252 0 0);
    --button-ghost-fill-hover: oklch(0.1638 0 0);
    --button-ghost-fill-hover-on-stone: oklch(0.1913 0 0);
    --button-signal-fill-hover: oklch(0.7318 0.1707 40.26);
    --button-on-surface-fill-hover: oklch(0.2882 0.008 59.35);
    --button-destructive-fill-hover: oklch(0.7586 0.1599 26.47);
    --button-destructive-quiet-fill-hover: oklch(0.7086 0.1699 26.47 / 0.2);
    --sheen: oklch(1 0 0 / 0.03);
    --chart-categorical-1: oklch(0.7045 0.1926 39.23);
    --chart-categorical-2: oklch(0.789 0.1029 268.13);
    --chart-categorical-3: oklch(0.8555 0.0567 190.56);
    --chart-grid: oklch(1 0 0 / 0.07);
    --chart-axis: oklch(0.4962 0 0);
    --chart-label: oklch(0.65 0 0);
    --sheen-ground: linear-gradient(160deg, rgba(255,255,255,0.03) 0%, transparent 50%, transparent 100%);
    --sheen-card: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 45%, transparent 80%);
    --shadow-sm: inset 0px 0px 0px 9999px rgba(255,255,255,0.012), 0px 0px 0px 1px rgba(255,255,255,0.06), inset 0px 1px 0px 0px rgba(255,255,255,0.04), 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 2px -1px rgba(0,0,0,0.5);
    --shadow-md: inset 0px 0px 0px 9999px rgba(255,255,255,0.02), 0px 0px 0px 1px rgba(255,255,255,0.07), inset 0px 1px 0px 0px rgba(255,255,255,0.05), 0px 4px 6px -1px rgba(0,0,0,0.55), 0px 2px 4px -2px rgba(0,0,0,0.55);
    --shadow-lg: inset 0px 0px 0px 9999px rgba(255,255,255,0.028), 0px 0px 0px 1px rgba(255,255,255,0.08), inset 0px 1px 0px 0px rgba(255,255,255,0.05), 0px 10px 15px -3px rgba(0,0,0,0.6), 0px 4px 6px -4px rgba(0,0,0,0.6);
    --shadow-xl: inset 0px 0px 0px 9999px rgba(255,255,255,0.035), 0px 0px 0px 1px rgba(255,255,255,0.09), inset 0px 1px 0px 0px rgba(255,255,255,0.06), 0px 20px 25px -5px rgba(0,0,0,0.7), 0px 8px 10px -6px rgba(0,0,0,0.7);
    --shadow-dropdown: 0px 0px 0px 1px rgba(255,255,255,0.08), inset 0px 1px 0px 0px rgba(255,255,255,0.05), 0px 2px 4px 0px rgba(0,0,0,0.6), 0px 8px 16px 0px rgba(0,0,0,0.6), 0px 20px 40px -8px rgba(0,0,0,0.6);
    --shadow-modal: 0px 0px 0px 1px rgba(255,255,255,0.10), inset 0px 1px 0px 0px rgba(255,255,255,0.06), 0px 4px 8px 0px rgba(0,0,0,0.7), 0px 16px 32px 0px rgba(0,0,0,0.7), 0px 40px 80px -16px rgba(0,0,0,0.7);
    --shadow-button-primary: inset 0px 1px 0px 0px rgba(255,255,255,0.35), 0px 1px 2px 0px rgba(0,0,0,0.6);
    --shadow-button-secondary: inset 0px 0px 0px 1px rgba(255,255,255,0.06), inset 0px 1px 0px 0px rgba(255,255,255,0.04);
  }
}

:root[data-theme="dark"] {
  --accent-text-on-dark: oklch(0.7045 0.1926 39.23);
  --available: oklch(0.7902 0.1657 154.86);
  --available-text: oklch(0.7902 0.1657 154.86);
  --available-tint: oklch(0.7902 0.1657 154.86 / 0.1);
  --danger: oklch(0.7086 0.1699 26.47);
  --danger-text: oklch(0.7086 0.1699 26.47);
  --danger-tint: oklch(0.7086 0.1699 26.47 / 0.1);
  --warning: oklch(0.8251 0.1425 76.26);
  --warning-text: oklch(0.8251 0.1425 76.26);
  --warning-tint: oklch(0.8251 0.1425 76.26 / 0.1);
  --info: oklch(0.7107 0.0351 256.79);
  --info-text: oklch(0.7719 0.0295 256.51);
  --info-tint: oklch(0.7107 0.0351 256.79 / 0.1);
  --scrim: oklch(0 0 0 / 0.7);
  --surface-ground: oklch(0 0 0);
  --surface-stone: oklch(0.1286 0 0);
  --surface-stone-deep: oklch(0.1638 0 0);
  --surface-elevated: oklch(0.1913 0 0);
  --text-primary: oklch(0.9461 0 0);
  --text-secondary: oklch(0.8141 0 0);
  --text-tertiary: oklch(0.65 0 0);
  --text-muted: oklch(0.5931 0 0);
  --border-subtle: oklch(1 0 0 / 0.07);
  --border-default: oklch(1 0 0 / 0.1);
  --border-control: oklch(0.4962 0 0);
  --button-primary-fill: oklch(0.9304 0.0027 106.45);
  --button-primary-fill-hover: oklch(0.9696 0.0026 106.45);
  --button-primary-label: oklch(0.2161 0.0061 56.04);
  --button-secondary-fill: oklch(0.1913 0 0);
  --button-secondary-fill-hover: oklch(0.2264 0 0);
  --button-secondary-fill-on-stone: oklch(0.2178 0 0);
  --button-secondary-fill-hover-on-stone: oklch(0.252 0 0);
  --button-ghost-fill-hover: oklch(0.1638 0 0);
  --button-ghost-fill-hover-on-stone: oklch(0.1913 0 0);
  --button-signal-fill-hover: oklch(0.7318 0.1707 40.26);
  --button-on-surface-fill-hover: oklch(0.2882 0.008 59.35);
  --button-destructive-fill-hover: oklch(0.7586 0.1599 26.47);
  --button-destructive-quiet-fill-hover: oklch(0.7086 0.1699 26.47 / 0.2);
  --sheen: oklch(1 0 0 / 0.03);
  --chart-categorical-1: oklch(0.7045 0.1926 39.23);
  --chart-categorical-2: oklch(0.789 0.1029 268.13);
  --chart-categorical-3: oklch(0.8555 0.0567 190.56);
  --chart-grid: oklch(1 0 0 / 0.07);
  --chart-axis: oklch(0.4962 0 0);
  --chart-label: oklch(0.65 0 0);
  --sheen-ground: linear-gradient(160deg, rgba(255,255,255,0.03) 0%, transparent 50%, transparent 100%);
  --sheen-card: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 45%, transparent 80%);
  --shadow-sm: inset 0px 0px 0px 9999px rgba(255,255,255,0.012), 0px 0px 0px 1px rgba(255,255,255,0.06), inset 0px 1px 0px 0px rgba(255,255,255,0.04), 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 2px -1px rgba(0,0,0,0.5);
  --shadow-md: inset 0px 0px 0px 9999px rgba(255,255,255,0.02), 0px 0px 0px 1px rgba(255,255,255,0.07), inset 0px 1px 0px 0px rgba(255,255,255,0.05), 0px 4px 6px -1px rgba(0,0,0,0.55), 0px 2px 4px -2px rgba(0,0,0,0.55);
  --shadow-lg: inset 0px 0px 0px 9999px rgba(255,255,255,0.028), 0px 0px 0px 1px rgba(255,255,255,0.08), inset 0px 1px 0px 0px rgba(255,255,255,0.05), 0px 10px 15px -3px rgba(0,0,0,0.6), 0px 4px 6px -4px rgba(0,0,0,0.6);
  --shadow-xl: inset 0px 0px 0px 9999px rgba(255,255,255,0.035), 0px 0px 0px 1px rgba(255,255,255,0.09), inset 0px 1px 0px 0px rgba(255,255,255,0.06), 0px 20px 25px -5px rgba(0,0,0,0.7), 0px 8px 10px -6px rgba(0,0,0,0.7);
  --shadow-dropdown: 0px 0px 0px 1px rgba(255,255,255,0.08), inset 0px 1px 0px 0px rgba(255,255,255,0.05), 0px 2px 4px 0px rgba(0,0,0,0.6), 0px 8px 16px 0px rgba(0,0,0,0.6), 0px 20px 40px -8px rgba(0,0,0,0.6);
  --shadow-modal: 0px 0px 0px 1px rgba(255,255,255,0.10), inset 0px 1px 0px 0px rgba(255,255,255,0.06), 0px 4px 8px 0px rgba(0,0,0,0.7), 0px 16px 32px 0px rgba(0,0,0,0.7), 0px 40px 80px -16px rgba(0,0,0,0.7);
  --shadow-button-primary: inset 0px 1px 0px 0px rgba(255,255,255,0.35), 0px 1px 2px 0px rgba(0,0,0,0.6);
  --shadow-button-secondary: inset 0px 0px 0px 1px rgba(255,255,255,0.06), inset 0px 1px 0px 0px rgba(255,255,255,0.04);
}

/* increased contrast: the system setting, or [data-contrast="more"] as a manual hook.
   Specificity ladder: light-hc < dark-hc < explicit data-contrast, so each mode wins correctly. */
@media (prefers-contrast: more) {
  :root {
    --available-text: oklch(0.3598 0.073 154.2);
    --danger-text: oklch(0.3534 0.1238 28.94);
    --warning-text: oklch(0.3629 0.0833 62.3);
    --info-text: oklch(0.3263 0.0301 258.35);
    --text-secondary: oklch(0.2882 0.008 59.35);
    --text-tertiary: oklch(0.356 0.0097 61.19);
    --text-muted: oklch(0.394 0.0095 61.23);
    --border-subtle: oklch(0 0 0 / 0.45);
    --border-default: oklch(0 0 0 / 0.55);
    --border-control: oklch(0.4707 0.0102 67.58);
  }
}

@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --available-text: oklch(0.8784 0.1251 157.12);
    --danger-text: oklch(0.815 0.1042 25.35);
    --warning-text: oklch(0.8871 0.1031 78.59);
    --info-text: oklch(0.8696 0.0222 256.74);
    --text-secondary: oklch(0.9189 0 0);
    --text-tertiary: oklch(0.8638 0 0);
    --text-muted: oklch(0.8047 0 0);
    --border-subtle: oklch(1 0 0 / 0.45);
    --border-default: oklch(1 0 0 / 0.55);
    --border-control: oklch(0.6862 0 0);
  }
}

@media (prefers-contrast: more) {
  :root[data-theme="dark"] {
    --available-text: oklch(0.8784 0.1251 157.12);
    --danger-text: oklch(0.815 0.1042 25.35);
    --warning-text: oklch(0.8871 0.1031 78.59);
    --info-text: oklch(0.8696 0.0222 256.74);
    --text-secondary: oklch(0.9189 0 0);
    --text-tertiary: oklch(0.8638 0 0);
    --text-muted: oklch(0.8047 0 0);
    --border-subtle: oklch(1 0 0 / 0.45);
    --border-default: oklch(1 0 0 / 0.55);
    --border-control: oklch(0.6862 0 0);
  }
}

:root[data-contrast="more"] {
  --available-text: oklch(0.3598 0.073 154.2);
  --danger-text: oklch(0.3534 0.1238 28.94);
  --warning-text: oklch(0.3629 0.0833 62.3);
  --info-text: oklch(0.3263 0.0301 258.35);
  --text-secondary: oklch(0.2882 0.008 59.35);
  --text-tertiary: oklch(0.356 0.0097 61.19);
  --text-muted: oklch(0.394 0.0095 61.23);
  --border-subtle: oklch(0 0 0 / 0.45);
  --border-default: oklch(0 0 0 / 0.55);
  --border-control: oklch(0.4707 0.0102 67.58);
}

@media (prefers-color-scheme: dark) {
  :root[data-contrast="more"]:not([data-theme="light"]) {
    --available-text: oklch(0.8784 0.1251 157.12);
    --danger-text: oklch(0.815 0.1042 25.35);
    --warning-text: oklch(0.8871 0.1031 78.59);
    --info-text: oklch(0.8696 0.0222 256.74);
    --text-secondary: oklch(0.9189 0 0);
    --text-tertiary: oklch(0.8638 0 0);
    --text-muted: oklch(0.8047 0 0);
    --border-subtle: oklch(1 0 0 / 0.45);
    --border-default: oklch(1 0 0 / 0.55);
    --border-control: oklch(0.6862 0 0);
  }
}

:root[data-theme="dark"][data-contrast="more"] {
  --available-text: oklch(0.8784 0.1251 157.12);
  --danger-text: oklch(0.815 0.1042 25.35);
  --warning-text: oklch(0.8871 0.1031 78.59);
  --info-text: oklch(0.8696 0.0222 256.74);
  --text-secondary: oklch(0.9189 0 0);
  --text-tertiary: oklch(0.8638 0 0);
  --text-muted: oklch(0.8047 0 0);
  --border-subtle: oklch(1 0 0 / 0.45);
  --border-default: oklch(1 0 0 / 0.55);
  --border-control: oklch(0.6862 0 0);
}

/* Display P3: the same L and H as the sRGB value above, higher chroma. Brand orange, the orange chart
   steps and the semantic fills only. Displays without P3 keep the sRGB value. */
@media (color-gamut: p3) {
  :root {
    --accent: oklch(0.7045 0.23 39.23);
    --available: oklch(0.6571 0.1793 153.22);
    --danger: oklch(0.5758 0.2361 29.48);
    --warning: oklch(0.6535 0.1747 60.23);
    --button-signal-fill-hover: oklch(0.7318 0.2114 40.26);
    --chart-categorical-1: oklch(0.6703 0.2251 38.02);
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --available: oklch(0.7902 0.215 154.86);
      --danger: oklch(0.7086 0.2064 26.47);
      --warning: oklch(0.8251 0.1963 76.26);
      --button-signal-fill-hover: oklch(0.7318 0.2114 40.26);
      --chart-categorical-1: oklch(0.7045 0.23 39.23);
    }
  }

  :root[data-theme="dark"] {
    --available: oklch(0.7902 0.215 154.86);
    --danger: oklch(0.7086 0.2064 26.47);
    --warning: oklch(0.8251 0.1963 76.26);
    --button-signal-fill-hover: oklch(0.7318 0.2114 40.26);
    --chart-categorical-1: oklch(0.7045 0.23 39.23);
  }
}