@import url("/assets/css/sterling-visual-system.css");

:root {
  color-scheme: dark;

  --sterling-bg-page: #080b0f;
  --sterling-bg-deep: #050709;
  --sterling-bg-surface: #0d1f24;
  --sterling-bg-card: #10171c;
  --sterling-bg-elevated: #111b20;
  --sterling-border: #263238;
  --sterling-border-strong: #2e3c41;
  --sterling-text-primary: #f4f1ea;
  --sterling-text-secondary: #a8b0b5;
  --sterling-text-muted: #616b73;
  --sterling-gold: #c8b894;
  --sterling-gold-strong: #d8c59a;
  --sterling-gold-soft: #e7d4a5;
  --sterling-teal: #1f5c55;
  --sterling-teal-bright: #26a699;
  --sterling-light-section: #f1eada;

  /* Semantic shell tokens — dark Atlas/Admin source of truth. */
  --sterling-foreground-primary: var(--sterling-text-primary);
  --sterling-foreground-secondary: var(--sterling-text-secondary);
  --sterling-foreground-muted: #7d878e;
  --sterling-foreground-disabled: #727b82;
  --sterling-foreground-action: var(--sterling-gold-soft);
  --sterling-surface-page: var(--sterling-bg-page);
  --sterling-surface-card: var(--sterling-bg-card);
  --sterling-surface-elevated: var(--sterling-bg-elevated);
  --sterling-surface-control: #142126;
  --sterling-surface-hover: #17262b;
  --sterling-surface-active: #1a2c31;
  --sterling-surface-disabled: #12191d;
  --sterling-border-default: var(--sterling-border);
  --sterling-border-strong-token: var(--sterling-border-strong);
  --sterling-border-focus: var(--sterling-gold);
  --sterling-border-disabled: #202a2f;
  --sterling-action-primary-bg: var(--sterling-gold);
  --sterling-action-primary-fg: var(--sterling-bg-page);
  --sterling-action-secondary-bg: var(--sterling-surface-control);
  --sterling-action-secondary-fg: var(--sterling-text-primary);
  --sterling-action-neutral-bg: #182227;
  --sterling-action-neutral-fg: var(--sterling-text-primary);
  --sterling-action-destructive-bg: rgba(229, 115, 115, 0.16);
  --sterling-action-destructive-fg: #ffc6c6;
  --sterling-status-positive-bg: rgba(38, 166, 153, 0.14);
  --sterling-status-positive-fg: #91eee4;
  --sterling-status-warning-bg: rgba(216, 197, 154, 0.16);
  --sterling-status-warning-fg: var(--sterling-gold-soft);
  --sterling-status-critical-bg: rgba(229, 115, 115, 0.16);
  --sterling-status-critical-fg: #ffc6c6;
  --sterling-status-neutral-bg: #182227;
  --sterling-status-neutral-fg: #c6cdd2;
  --sterling-priority-normal-bg: #182227;
  --sterling-priority-normal-fg: var(--sterling-text-secondary);
  --sterling-priority-medium-bg: rgba(216, 197, 154, 0.13);
  --sterling-priority-medium-fg: var(--sterling-gold-soft);
  --sterling-priority-high-bg: rgba(255, 168, 76, 0.16);
  --sterling-priority-high-fg: #ffd2a1;
  --sterling-priority-urgent-bg: rgba(229, 115, 115, 0.18);
  --sterling-priority-urgent-fg: #ffc6c6;

  /* Backward-compatible aliases used by current pages. */
  --color-background: var(--sterling-bg-page);
  --color-surface: var(--sterling-bg-surface);
  --color-surface-strong: var(--sterling-bg-card);
  --color-primary: var(--sterling-text-primary);
  --color-secondary: var(--sterling-text-secondary);
  --color-muted: var(--sterling-text-muted);
  --color-border: var(--sterling-border);
  --color-accent: var(--sterling-gold);

  --font-brand: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --container-width: 1312px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-soft: 0 24px 60px rgba(0, 0, 0, 0.24);
}