/* Generated by packages/tokens/scripts/build-tokens.mjs. Do not edit. */
:root[data-blora-color-scheme="dark"]:not([data-blora-theme]) {
  color-scheme: dark;
  --blora-color-surface-canvas: #17161C;
  --blora-color-surface-default: #222128;
  --blora-color-surface-raised: #2C2931;
  --blora-color-surface-sunken: #3A363F;
  --blora-color-text-primary: #F8F2F4;
  --blora-color-text-secondary: #ECE5E8;
  --blora-color-text-emphasis: #CDC3C8;
  --blora-color-text-muted: #A1979D;
  --blora-color-text-subtle: #786F75;
  --blora-color-text-disabled: #5A5358;
  --blora-color-text-on-accent: #25181C;
  --blora-color-text-on-media: #FFFFFF;
  --blora-color-border-subtle: #413C41;
  --blora-color-action-primary-default: #D18A94;
  --blora-color-action-primary-hover: #E0A3AB;
  --blora-color-action-primary-soft: #B36F79;
  --blora-color-action-selection-bg: color-mix(in srgb, var(--blora-color-action-primary-default) 27%, var(--blora-color-surface-canvas));
  --blora-color-status-danger: #D27779;
  --blora-color-status-neutral: #99939E;
  --blora-color-status-neutral-soft: #B5B0B9;
  --blora-color-status-info: #919AB4;
  --blora-color-status-info-soft: #ADB3C7;
  --blora-color-status-success: #86A399;
  --blora-color-status-success-soft: #A3B8B0;
  --blora-color-status-support: #91A3A0;
  --blora-color-status-warning: #BBA27B;
  --blora-color-status-secondary: #B08A9A;
  --blora-color-overlay-modal: rgba(7,6,10,0.72);
  --blora-color-overlay-drawer: rgba(7,6,10,0.66);
  --blora-color-code-background: #0E0D12;
  --blora-color-code-foreground: #F8F2F4;
  --blora-color-banner-background: #1D191E;
  --blora-color-banner-foreground: #FFFFFF;
  --blora-color-tooltip-background: #2C2931;
  --blora-color-tooltip-foreground: #F8F2F4;
  --blora-shadow-1: 0 1px 3px rgba(0,0,0,0.3);
  --blora-shadow-2: 0 4px 12px rgba(0,0,0,0.36);
  --blora-shadow-3: 0 12px 30px rgba(0,0,0,0.44);
  --blora-shadow-4: 0 24px 56px rgba(0,0,0,0.54);
  --blora-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(0,0,0,0.3);
  --blora-texture-background: radial-gradient(ellipse at 20% 30%, rgba(255,255,255,0.012) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, rgba(255,255,255,0.008) 0%, transparent 55%);
  --blora-texture-overlay: none;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-blora-color-scheme], [data-blora-theme]) {
    color-scheme: dark;
    --blora-color-surface-canvas: #17161C;
    --blora-color-surface-default: #222128;
    --blora-color-surface-raised: #2C2931;
    --blora-color-surface-sunken: #3A363F;
    --blora-color-text-primary: #F8F2F4;
    --blora-color-text-secondary: #ECE5E8;
    --blora-color-text-emphasis: #CDC3C8;
    --blora-color-text-muted: #A1979D;
    --blora-color-text-subtle: #786F75;
    --blora-color-text-disabled: #5A5358;
    --blora-color-text-on-accent: #25181C;
    --blora-color-text-on-media: #FFFFFF;
    --blora-color-border-subtle: #413C41;
    --blora-color-action-primary-default: #D18A94;
    --blora-color-action-primary-hover: #E0A3AB;
    --blora-color-action-primary-soft: #B36F79;
    --blora-color-action-selection-bg: color-mix(in srgb, var(--blora-color-action-primary-default) 27%, var(--blora-color-surface-canvas));
    --blora-color-status-danger: #D27779;
    --blora-color-status-neutral: #99939E;
    --blora-color-status-neutral-soft: #B5B0B9;
    --blora-color-status-info: #919AB4;
    --blora-color-status-info-soft: #ADB3C7;
    --blora-color-status-success: #86A399;
    --blora-color-status-success-soft: #A3B8B0;
    --blora-color-status-support: #91A3A0;
    --blora-color-status-warning: #BBA27B;
    --blora-color-status-secondary: #B08A9A;
    --blora-color-overlay-modal: rgba(7,6,10,0.72);
    --blora-color-overlay-drawer: rgba(7,6,10,0.66);
    --blora-color-code-background: #0E0D12;
    --blora-color-code-foreground: #F8F2F4;
    --blora-color-banner-background: #1D191E;
    --blora-color-banner-foreground: #FFFFFF;
    --blora-color-tooltip-background: #2C2931;
    --blora-color-tooltip-foreground: #F8F2F4;
    --blora-shadow-1: 0 1px 3px rgba(0,0,0,0.3);
    --blora-shadow-2: 0 4px 12px rgba(0,0,0,0.36);
    --blora-shadow-3: 0 12px 30px rgba(0,0,0,0.44);
    --blora-shadow-4: 0 24px 56px rgba(0,0,0,0.54);
    --blora-shadow-inset: inset 0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(0,0,0,0.3);
    --blora-texture-background: radial-gradient(ellipse at 20% 30%, rgba(255,255,255,0.012) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, rgba(255,255,255,0.008) 0%, transparent 55%);
    --blora-texture-overlay: none;
  }
}