/* Generated by @okrado/brand 0.6.0 (npm run build). Do not edit: change tokens/ or brand.yaml. */
/* Tailwind v4 theme from semantic tokens only (ADR-0059). Default palette and scales are reset, so bg-blue-500 does
   not compile. Use: @import "tailwindcss"; @import "@okrado/brand/web/ui.css"; @import "@okrado/brand/web/tailwind/theme.css";
   Durations have no Tailwind namespace: duration-(--okr-ui-motion-duration-fast). */
@theme inline {
  --color-*: initial;
  --color-canvas: var(--okr-ui-bg-canvas);
  --color-surface: var(--okr-ui-bg-surface);
  --color-raised: var(--okr-ui-bg-raised);
  --color-hover: var(--okr-ui-bg-hover);
  --color-active: var(--okr-ui-bg-active);
  --color-fg: var(--okr-ui-text-primary);
  --color-muted: var(--okr-ui-text-secondary);
  --color-faint: var(--okr-ui-text-tertiary);
  --color-inverse: var(--okr-ui-text-inverse);
  --color-line-subtle: var(--okr-ui-border-subtle);
  --color-line: var(--okr-ui-border-default);
  --color-line-strong: var(--okr-ui-border-strong);
  --color-line-control: var(--okr-ui-border-control);
  --color-primary: var(--okr-ui-primary-solid);
  --color-primary-hover: var(--okr-ui-primary-hover);
  --color-on-primary: var(--okr-ui-primary-on);
  --color-accent: var(--okr-ui-accent-solid);
  --color-accent-hover: var(--okr-ui-accent-hover);
  --color-accent-soft: var(--okr-ui-accent-subtle);
  --color-accent-line: var(--okr-ui-accent-border);
  --color-accent-fg: var(--okr-ui-accent-text);
  --color-on-accent: var(--okr-ui-accent-on);
  --color-success: var(--okr-ui-success-solid);
  --color-success-hover: var(--okr-ui-success-hover);
  --color-success-soft: var(--okr-ui-success-subtle);
  --color-success-line: var(--okr-ui-success-border);
  --color-success-fg: var(--okr-ui-success-text);
  --color-on-success: var(--okr-ui-success-on);
  --color-warning: var(--okr-ui-warning-solid);
  --color-warning-hover: var(--okr-ui-warning-hover);
  --color-warning-soft: var(--okr-ui-warning-subtle);
  --color-warning-line: var(--okr-ui-warning-border);
  --color-warning-fg: var(--okr-ui-warning-text);
  --color-on-warning: var(--okr-ui-warning-on);
  --color-danger: var(--okr-ui-danger-solid);
  --color-danger-hover: var(--okr-ui-danger-hover);
  --color-danger-soft: var(--okr-ui-danger-subtle);
  --color-danger-line: var(--okr-ui-danger-border);
  --color-danger-fg: var(--okr-ui-danger-text);
  --color-on-danger: var(--okr-ui-danger-on);
  --color-info: var(--okr-ui-info-solid);
  --color-info-hover: var(--okr-ui-info-hover);
  --color-info-soft: var(--okr-ui-info-subtle);
  --color-info-line: var(--okr-ui-info-border);
  --color-info-fg: var(--okr-ui-info-text);
  --color-on-info: var(--okr-ui-info-on);
  --color-record: var(--okr-ui-record-solid);
  --color-record-logo: var(--okr-ui-record-logo);
  --color-record-fg: var(--okr-ui-record-text);
  --color-record-soft: var(--okr-ui-record-subtle);
  --color-focus: var(--okr-ui-focus-ring);
  --color-link: var(--okr-ui-link);
  --color-selection: var(--okr-ui-selection);
  --color-scrim: var(--okr-ui-scrim);
  --color-chart-1: var(--okr-ui-chart-1);
  --color-chart-2: var(--okr-ui-chart-2);
  --color-chart-3: var(--okr-ui-chart-3);
  --color-chart-4: var(--okr-ui-chart-4);
  --color-chart-5: var(--okr-ui-chart-5);
  --color-chart-6: var(--okr-ui-chart-6);
  --color-chart-now: var(--okr-ui-chart-now);

  --font-*: initial;
  --font-sans: var(--okr-ui-font-family-body);
  --font-display: var(--okr-ui-font-family-display);
  --font-body: var(--okr-ui-font-family-body);
  --font-mono: var(--okr-ui-font-family-mono);
  --font-arabic: var(--okr-ui-font-family-arabic);
  --font-weight-*: initial;
  --font-weight-regular: var(--okr-ui-font-weight-regular);
  --font-weight-medium: var(--okr-ui-font-weight-medium);
  --font-weight-semibold: var(--okr-ui-font-weight-semibold);
  --font-weight-bold: var(--okr-ui-font-weight-bold);
  --font-weight-display: var(--okr-ui-font-weight-display);

  --text-*: initial;
  --text-xs: var(--okr-ui-font-size-xs);
  --text-xs--line-height: var(--okr-ui-font-line-height-text);
  --text-sm: var(--okr-ui-font-size-sm);
  --text-sm--line-height: var(--okr-ui-font-line-height-text);
  --text-md: var(--okr-ui-font-size-md);
  --text-md--line-height: var(--okr-ui-font-line-height-text);
  --text-lg: var(--okr-ui-font-size-lg);
  --text-lg--line-height: var(--okr-ui-font-line-height-text);
  --text-xl: var(--okr-ui-font-size-xl);
  --text-xl--line-height: var(--okr-ui-font-line-height-heading);
  --text-2xl: var(--okr-ui-font-size-2xl);
  --text-2xl--line-height: var(--okr-ui-font-line-height-heading);
  --text-3xl: var(--okr-ui-font-size-3xl);
  --text-3xl--line-height: var(--okr-ui-font-line-height-heading);
  --text-fluid-base: var(--okr-ui-font-fluid-base);
  --text-fluid-base--line-height: var(--okr-ui-font-line-height-text);
  --text-fluid-md: var(--okr-ui-font-fluid-md);
  --text-fluid-md--line-height: var(--okr-ui-font-line-height-heading);
  --text-fluid-lg: var(--okr-ui-font-fluid-lg);
  --text-fluid-lg--line-height: var(--okr-ui-font-line-height-heading);
  --text-fluid-xl: var(--okr-ui-font-fluid-xl);
  --text-fluid-xl--line-height: var(--okr-ui-font-line-height-heading);
  --text-fluid-2xl: var(--okr-ui-font-fluid-2xl);
  --text-fluid-2xl--line-height: var(--okr-ui-font-line-height-heading);
  --text-fluid-3xl: var(--okr-ui-font-fluid-3xl);
  --text-fluid-3xl--line-height: var(--okr-ui-font-line-height-heading);
  --text-fluid-4xl: var(--okr-ui-font-fluid-4xl);
  --text-fluid-4xl--line-height: var(--okr-ui-font-line-height-heading);
  --text-display: var(--okr-ui-font-marketing-size-display);
  --text-display--line-height: var(--okr-ui-font-marketing-line-height-display);
  --text-display--letter-spacing: var(--okr-ui-font-marketing-tracking-display);
  --text-h2: var(--okr-ui-font-marketing-size-h2);
  --text-h2--line-height: var(--okr-ui-font-marketing-line-height-h2);
  --text-h2--letter-spacing: var(--okr-ui-font-marketing-tracking-h2);
  --text-h3: var(--okr-ui-font-marketing-size-h3);
  --text-h3--line-height: var(--okr-ui-font-marketing-line-height-h3);
  --text-h3--letter-spacing: var(--okr-ui-font-marketing-tracking-h3);
  --text-h4: var(--okr-ui-font-marketing-size-h4);
  --text-h4--line-height: var(--okr-ui-font-marketing-line-height-h4);
  --text-h4--letter-spacing: var(--okr-ui-font-marketing-tracking-h4);
  --text-lead: var(--okr-ui-font-marketing-size-lead);
  --text-lead--line-height: var(--okr-ui-font-marketing-line-height-lead);
  --text-lead--letter-spacing: var(--okr-ui-font-marketing-tracking-lead);
  --text-body: var(--okr-ui-font-marketing-size-body);
  --text-body--line-height: var(--okr-ui-font-marketing-line-height-body);
  --text-body--letter-spacing: var(--okr-ui-font-marketing-tracking-body);
  --text-small: var(--okr-ui-font-marketing-size-small);
  --text-small--line-height: var(--okr-ui-font-marketing-line-height-small);
  --text-small--letter-spacing: var(--okr-ui-font-marketing-tracking-small);
  --text-caption: var(--okr-ui-font-marketing-size-caption);
  --text-caption--line-height: var(--okr-ui-font-marketing-line-height-caption);
  --text-caption--letter-spacing: var(--okr-ui-font-marketing-tracking-caption);
  --text-mono: var(--okr-ui-font-marketing-size-mono);
  --text-mono--line-height: var(--okr-ui-font-marketing-line-height-mono);
  --text-mono--letter-spacing: var(--okr-ui-font-marketing-tracking-mono);
  --leading-*: initial;
  --leading-text: var(--okr-ui-font-line-height-text);
  --leading-heading: var(--okr-ui-font-line-height-heading);
  --tracking-*: initial;
  --tracking-display: var(--okr-ui-font-tracking-display);
  --tracking-normal: var(--okr-ui-font-tracking-normal);

  /* 4 px grid: p-1 = 4 px, p-4 = 16 px, as ui.space.<n>. */
  --spacing: var(--okr-ui-space-1);
  --radius-*: initial;
  --radius-xs: var(--okr-ui-radius-xs);
  --radius-sm: var(--okr-ui-radius-sm);
  --radius-md: var(--okr-ui-radius-md);
  --radius-lg: var(--okr-ui-radius-lg);
  --radius-xl: var(--okr-ui-radius-xl);
  --radius-2xl: var(--okr-ui-radius-2xl);
  --radius-full: var(--okr-ui-radius-full);
  --shadow-*: initial;
  --shadow-e1: var(--okr-ui-shadow-e1);
  --shadow-e2: var(--okr-ui-shadow-e2);
  --shadow-e3: var(--okr-ui-shadow-e3);
  --ease-*: initial;
  --ease-standard: var(--okr-ui-motion-ease-standard);
  --ease-enter: var(--okr-ui-motion-ease-enter);
  --ease-exit: var(--okr-ui-motion-ease-exit);
  --ease-linear: var(--okr-ui-motion-ease-linear);
  --ease-panel: var(--okr-ui-motion-ease-panel);

  /* Overlay widths (ADR-0108): max-w-dialog-md, w-drawer-lg. The default --container-* scale is kept. */
  --container-dialog-sm: var(--okr-ui-layout-dialog-sm);
  --container-dialog-md: var(--okr-ui-layout-dialog-md);
  --container-dialog-lg: var(--okr-ui-layout-dialog-lg);
  --container-drawer-sm: var(--okr-ui-layout-drawer-sm);
  --container-drawer-md: var(--okr-ui-layout-drawer-md);
  --container-drawer-lg: var(--okr-ui-layout-drawer-lg);
}

/* Layers (ADR-0108): z-sticky 10, z-sheet 40, z-dialog 50, z-popover 60, z-toast 70, z-tooltip 80, z-skip 90. */
@utility z-sticky {
  z-index: var(--okr-ui-z-sticky);
}
@utility z-sheet {
  z-index: var(--okr-ui-z-sheet);
}
@utility z-dialog {
  z-index: var(--okr-ui-z-dialog);
}
@utility z-popover {
  z-index: var(--okr-ui-z-popover);
}
@utility z-toast {
  z-index: var(--okr-ui-z-toast);
}
@utility z-tooltip {
  z-index: var(--okr-ui-z-tooltip);
}
@utility z-skip {
  z-index: var(--okr-ui-z-skip);
}