/* GENERATED - DO NOT EDIT. Canonical OraCleid tokens, copied verbatim from
   the-return-system @ oracleid-frozen-hero-v1 (cacdbb3) : src/styles/generated/tokens.css,
   itself generated from design/tokens/oracleid-core.tokens.json.
   Regenerate: node tools/sync-design-system.mjs */

/*
 * GENERATED FILE — do not edit.
 *
 * Source: design/tokens/oracleid-core.tokens.json
 * Rebuild: npm run build:tokens
 *
 * Light is defined on bare :root and is the product default. Dark is redefined
 * in two places so that both the system preference and an explicit choice work,
 * and so that an explicit light choice wins over a dark system preference.
 *
 * Every colour used by the product should come from one of these. A component
 * that reaches for a hex value is making a decision the design system should
 * have made for it.
 */

:root {
  color-scheme: light dark;

  --ora-surface-canvas: #f8f8fa;
  --ora-surface-raised: #ffffff;
  --ora-surface-overlay: #ffffff;
  --ora-surface-sunken: #f1f1f4;
  --ora-surface-accent-subtle: #f6f0ff;
  --ora-text-primary: #1b1b22;
  --ora-text-secondary: #5a5a6a;
  --ora-text-muted: #6b6b7d;
  --ora-text-on-accent: #ffffff;
  --ora-text-on-cta: #ffffff;
  --ora-text-inverse: #ffffff;
  --ora-border-subtle: #e6e6ec;
  --ora-border-strong: #d3d3dd;
  --ora-border-accent: #bd97fa;
  --ora-border-focus: #8449e8;
  --ora-accent-solid: #8449e8;
  --ora-accent-solid-hover: #6d33cc;
  --ora-accent-cta: #6d33cc;
  --ora-accent-cta-hover: #5726a4;
  --ora-accent-text: #6d33cc;
  --ora-accent-wash: #f6f0ff;
  --ora-status-success-text: #137341;
  --ora-status-success-bg: #d8f5e3;
  --ora-status-warning-text: #8a5200;
  --ora-status-warning-bg: #fdeed2;
  --ora-status-danger-text: #9c2020;
  --ora-status-danger-bg: #fde0df;
  --ora-status-info-text: #115394;
  --ora-status-info-bg: #d9ecfd;
  --ora-status-unknown-text: #514b63;
  --ora-status-unknown-bg: #eceaf3;
  --ora-status-pending-text: #5a5a6a;
  --ora-status-pending-bg: #f1f1f4;
  --ora-elevation-none: none;
  --ora-elevation-sm: 0 1px 2px rgba(16, 14, 24, 0.06);
  --ora-elevation-md: 0 4px 12px rgba(16, 14, 24, 0.08);
  --ora-elevation-lg: 0 12px 32px rgba(16, 14, 24, 0.10);

  --ora-space-0: 0px;
  --ora-space-1: 2px;
  --ora-space-2: 4px;
  --ora-space-3: 8px;
  --ora-space-4: 12px;
  --ora-space-5: 16px;
  --ora-space-6: 20px;
  --ora-space-7: 24px;
  --ora-space-8: 32px;
  --ora-space-9: 40px;
  --ora-space-10: 48px;
  --ora-space-11: 64px;
  --ora-space-12: 80px;
  --ora-radius-none: 0;
  --ora-radius-sm: 6px;
  --ora-radius-md: 10px;
  --ora-radius-lg: 14px;
  --ora-radius-xl: 20px;
  --ora-radius-full: 999px;
  --ora-font-sans: "IBM Plex Sans Arabic", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ora-font-display: "IBM Plex Sans Arabic", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ora-font-mono: ui-monospace, 'SF Mono', Consolas, monospace;
  --ora-text-xs: 12px;
  --ora-text-sm: 13px;
  --ora-text-base: 15px;
  --ora-text-md: 17px;
  --ora-text-lg: 20px;
  --ora-text-xl: 25px;
  --ora-text-2xl: 31px;
  --ora-text-3xl: 39px;
  --ora-weight-regular: 400;
  --ora-weight-medium: 500;
  --ora-weight-semibold: 600;
  --ora-weight-bold: 700;
  --ora-leading-tight: 1.2;
  --ora-leading-normal: 1.5;
  --ora-leading-relaxed: 1.65;
  --ora-duration-instant: 0ms;
  --ora-duration-fast: 120ms;
  --ora-duration-normal: 200ms;
  --ora-duration-slow: 320ms;
  --ora-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ora-easing-enter: cubic-bezier(0, 0, 0, 1);
  --ora-easing-exit: cubic-bezier(0.3, 0, 1, 1);
  --ora-density-comfortable-row-height: 44px;
  --ora-density-comfortable-gap: 16px;
  --ora-density-comfortable-padding: 16px;
  --ora-density-compact-row-height: 34px;
  --ora-density-compact-gap: 10px;
  --ora-density-compact-padding: 12px;
}

/* System preference, unless the viewer has explicitly asked for light. */
@media (prefers-color-scheme: dark) {
  :root:not([data-ora-appearance="light"]) {
    --ora-surface-canvas: #0b0b0f;
    --ora-surface-raised: #121218;
    --ora-surface-overlay: #1b1b22;
    --ora-surface-sunken: #121218;
    --ora-surface-accent-subtle: #2d1456;
    --ora-text-primary: #f8f8fa;
    --ora-text-secondary: #d3d3dd;
    --ora-text-muted: #a9a9b8;
    --ora-text-on-accent: #121218;
    --ora-text-on-cta: #ffffff;
    --ora-text-inverse: #1b1b22;
    --ora-border-subtle: #2b2b35;
    --ora-border-strong: #42424f;
    --ora-border-accent: #6d33cc;
    --ora-border-focus: #bd97fa;
    --ora-accent-solid: #a06df5;
    --ora-accent-solid-hover: #bd97fa;
    --ora-accent-cta: #6d33cc;
    --ora-accent-cta-hover: #5726a4;
    --ora-accent-text: #bd97fa;
    --ora-accent-wash: #2d1456;
    --ora-status-success-text: #d8f5e3;
    --ora-status-success-bg: #0a3d23;
    --ora-status-warning-text: #fdeed2;
    --ora-status-warning-bg: #4a2c00;
    --ora-status-danger-text: #fde0df;
    --ora-status-danger-bg: #571212;
    --ora-status-info-text: #d9ecfd;
    --ora-status-info-bg: #0a2e52;
    --ora-status-unknown-text: #eceaf3;
    --ora-status-unknown-bg: #2b2736;
    --ora-status-pending-text: #d3d3dd;
    --ora-status-pending-bg: #2b2b35;
    --ora-elevation-none: none;
    --ora-elevation-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --ora-elevation-md: 0 4px 12px rgba(0, 0, 0, 0.55);
    --ora-elevation-lg: 0 12px 32px rgba(0, 0, 0, 0.6);
  }
}

/* An explicit choice, which wins in both directions. */
:root[data-ora-appearance="dark"] {
    --ora-surface-canvas: #0b0b0f;
    --ora-surface-raised: #121218;
    --ora-surface-overlay: #1b1b22;
    --ora-surface-sunken: #121218;
    --ora-surface-accent-subtle: #2d1456;
    --ora-text-primary: #f8f8fa;
    --ora-text-secondary: #d3d3dd;
    --ora-text-muted: #a9a9b8;
    --ora-text-on-accent: #121218;
    --ora-text-on-cta: #ffffff;
    --ora-text-inverse: #1b1b22;
    --ora-border-subtle: #2b2b35;
    --ora-border-strong: #42424f;
    --ora-border-accent: #6d33cc;
    --ora-border-focus: #bd97fa;
    --ora-accent-solid: #a06df5;
    --ora-accent-solid-hover: #bd97fa;
    --ora-accent-cta: #6d33cc;
    --ora-accent-cta-hover: #5726a4;
    --ora-accent-text: #bd97fa;
    --ora-accent-wash: #2d1456;
    --ora-status-success-text: #d8f5e3;
    --ora-status-success-bg: #0a3d23;
    --ora-status-warning-text: #fdeed2;
    --ora-status-warning-bg: #4a2c00;
    --ora-status-danger-text: #fde0df;
    --ora-status-danger-bg: #571212;
    --ora-status-info-text: #d9ecfd;
    --ora-status-info-bg: #0a2e52;
    --ora-status-unknown-text: #eceaf3;
    --ora-status-unknown-bg: #2b2736;
    --ora-status-pending-text: #d3d3dd;
    --ora-status-pending-bg: #2b2b35;
    --ora-elevation-none: none;
    --ora-elevation-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --ora-elevation-md: 0 4px 12px rgba(0, 0, 0, 0.55);
    --ora-elevation-lg: 0 12px 32px rgba(0, 0, 0, 0.6);
}

/* Motion is a courtesy, never a requirement. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --ora-duration-fast: 0ms;
    --ora-duration-normal: 0ms;
    --ora-duration-slow: 0ms;
  }
}