/*
 * OnOrder frontend design tokens.
 *
 * This file owns canonical frontend color values. The compatibility aliases
 * below keep existing selectors and independently rendered shortcodes stable
 * while all frontend bundles consume one shared palette source.
 *
 * Saved palette values are emitted later as scoped, plugin-root overrides.
 * This file remains the static default and offline-safe token source.
 */
:root {
    --oow-brand-primary: #17243a;
    --oow-brand-primary-hover: #101b2d;
    --oow-brand-primary-pressed: #0b1422;
    --oow-brand-primary-foreground: #ffffff;
    --oow-brand-primary-hover-foreground: #ffffff;
    --oow-brand-primary-pressed-foreground: #ffffff;
    --oow-brand-soft: #eef2f6;
    --oow-brand-ring: rgb(23 36 58 / 12%);
    --oow-brand-accent: #c8942f;
    --oow-brand-accent-hover: #a9781f;
    --oow-icon-bg: #17243a;
    --oow-icon-background: var(--oow-icon-bg);
    --oow-icon-border: #c8942f;
    --oow-icon-glyph: #ffffff;

    --oow-shadow-sm: 0 8px 24px rgb(23 36 58 / 7%);
    --oow-shadow-card: 0 12px 28px rgb(23 36 58 / 7%);
    --oow-shadow-popover: 0 14px 34px rgb(23 36 58 / 16%);
    --oow-shadow-modal: 0 24px 64px rgb(23 36 58 / 24%);
    --oow-surface-translucent: rgb(255 255 255 / 96%);

    --oow-text-primary: #17243a;
    --oow-text-strong: #17243a;
    --oow-text-muted: #5f6877;
    --oow-text-on-dark: #ffffff;

    --oow-bg-page: #fafaf8;
    --oow-bg-surface: #ffffff;
    --oow-bg-soft: #f5f7fa;
    --oow-bg-hover: #f5f7fa;
    --oow-bg-selected: #eef2f6;

    --oow-border: #dfe4ea;
    --oow-focus: #2563eb;
    --oow-focus-ring: rgb(37 99 235 / 38%);
    --oow-disabled-bg: #e9eef4;
    --oow-disabled-text: #58677a;

    --oow-semantic-success: #047857;
    --oow-semantic-success-soft: #ecfdf5;
    --oow-semantic-warning: #92400e;
    --oow-semantic-warning-soft: #fff7ed;
    --oow-semantic-error: #b42318;
    --oow-semantic-error-soft: #fef2f2;
    --oow-semantic-info: #2563eb;
    --oow-semantic-info-soft: #eef6ff;
    --oow-semantic-info-selected: #e3f0ff;

    --oow-status-shipment-complete: #16803c;
    --oow-status-shipment-complete-soft: #eaf7ef;

    /* Stage 1 compatibility contract for existing frontend selectors. */
    --oow-color-brand: var(--oow-brand-primary);
    --oow-color-brand-hover: var(--oow-brand-primary-hover);
    --oow-color-brand-pressed: var(--oow-brand-primary-pressed);
    --oow-color-brand-foreground: var(--oow-brand-primary-foreground);
    --oow-color-brand-hover-foreground: var(--oow-brand-primary-hover-foreground);
    --oow-color-brand-pressed-foreground: var(--oow-brand-primary-pressed-foreground);
    --oow-color-brand-soft: var(--oow-brand-soft);
    --oow-color-text: var(--oow-text-primary);
    --oow-color-text-strong: var(--oow-text-strong);
    --oow-color-muted: var(--oow-text-muted);
    --oow-color-surface: var(--oow-bg-surface);
    --oow-color-surface-muted: var(--oow-bg-soft);
    --oow-color-surface-hover: var(--oow-bg-hover);
    --oow-color-surface-selected: var(--oow-bg-selected);
    --oow-color-canvas: var(--oow-bg-page);
    --oow-color-border: var(--oow-border);
    --oow-color-focus: var(--oow-focus);
    --oow-color-focus-ring: var(--oow-focus-ring);
    --oow-color-disabled-bg: var(--oow-disabled-bg);
    --oow-color-disabled-text: var(--oow-disabled-text);
    --oow-color-success: var(--oow-semantic-success);
    --oow-color-success-soft: var(--oow-semantic-success-soft);
    --oow-color-warning: var(--oow-semantic-warning);
    --oow-color-warning-soft: var(--oow-semantic-warning-soft);
    --oow-color-error: var(--oow-semantic-error);
    --oow-color-error-soft: var(--oow-semantic-error-soft);
    --oow-color-info: var(--oow-semantic-info);
    --oow-color-info-soft: var(--oow-semantic-info-soft);
    --oow-color-info-selected: var(--oow-semantic-info-selected);
}