/*─────────────────────────────────────────────────────────────────
  © 2025 Prometo AS. All rights reserved.

  This file is part of the “EDEL” software package
  and is proprietary material protected by copyright law and
  international treaties. Unauthorized reproduction or
  distribution of this file, or any portion of it, may result
  in severe civil and criminal penalties and will be prosecuted
  to the maximum extent possible under law.

  Use of this file is governed by the Proprietary Software
  License Agreement accompanying the package in which this file
  is distributed. Unless you have entered into a valid signed
  license agreement with Prometo AS, you may not
  exercise any of the rights to this file other than those
  granted in that agreement.

  Contact: bjorn.espen@prometo.no
─────────────────────────────────────────────────────────────────*/

:root {
  /* Core palette */
  --edel-color-navy-950: #0b1f33;
  --edel-color-navy-800: #143554;
  --edel-color-teal-500: #25c2ae;
  --edel-color-teal-600: #20aa99;
  --edel-color-blue-600: #2f6bff;

  /* Semantic color roles */
  --edel-surface-app: #f4f7fa;
  --edel-surface-panel: #ffffff;
  --edel-surface-subtle: #eef3f7;
  --edel-surface-inverse: var(--edel-color-navy-950);
  --edel-text-primary: #102a43;
  --edel-text-secondary: #52697d;
  --edel-text-muted: #5c7185;
  --edel-text-inverse: #f7fbff;
  --edel-border-subtle: #d6e0ea;
  --edel-border-strong: #b8c7d5;
  --edel-action-primary: var(--edel-color-blue-600);
  --edel-action-accent: var(--edel-color-teal-500);
  --edel-action-accent-hover: var(--edel-color-teal-600);
  --edel-action-accent-foreground: var(--edel-color-navy-950);
  --edel-status-success: #168a72;
  --edel-status-success-text: #0b6b58;
  --edel-status-warning: #b76313;
  --edel-status-danger: #b42318;

  /* Typography */
  --edel-font-ui: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --edel-font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --edel-text-xs: 0.75rem;
  --edel-text-sm: 0.8125rem;
  --edel-text-md: 0.875rem;
  --edel-text-lg: 1rem;
  --edel-text-xl: 1.25rem;
  --edel-text-2xl: 1.5rem;
  --edel-leading-xs: 1rem;
  --edel-leading-sm: 1.125rem;
  --edel-leading-md: 1.25rem;
  --edel-leading-lg: 1.375rem;
  --edel-leading-xl: 1.75rem;
  --edel-leading-2xl: 2rem;

  /* Four-pixel spacing scale */
  --edel-space-1: 0.25rem;
  --edel-space-2: 0.5rem;
  --edel-space-3: 0.75rem;
  --edel-space-4: 1rem;
  --edel-space-5: 1.25rem;
  --edel-space-6: 1.5rem;
  --edel-space-8: 2rem;

  /* Shape, borders, elevation, and motion */
  --edel-radius-sm: 0.25rem;
  --edel-radius-md: 0.375rem;
  --edel-radius-lg: 0.5rem;
  --edel-radius-pill: 999px;
  --edel-border-width: 1px;
  --edel-border-default: var(--edel-border-width) solid var(--edel-border-subtle);
  --edel-shadow-raised: 0 1px 3px rgba(16, 42, 67, 0.1), 0 1px 2px -1px rgba(16, 42, 67, 0.1);
  --edel-shadow-floating: 0 10px 25px -3px rgba(16, 42, 67, 0.15), 0 4px 6px -4px rgba(16, 42, 67, 0.15);
  --edel-focus-color: var(--edel-action-primary);
  --edel-focus-ring: 0 0 0 3px var(--edel-focus-color);
  --edel-focus-offset: 2px;
  --edel-motion-fast: 120ms;
  --edel-motion-standard: 180ms;

  /* Layering */
  --edel-z-base: 0;
  --edel-z-sticky: 100;
  --edel-z-dropdown: 300;
  --edel-z-overlay: 500;
  --edel-z-dialog: 700;
  --edel-z-toast: 900;

  /* Application shell dimensions */
  --edel-shell-rail-collapsed: 4rem;
  --edel-shell-rail-expanded: 14rem;
  --edel-shell-command-height: 3.25rem;
  --edel-shell-context-height: 3rem;
  --edel-shell-source-width: 21.25rem;
  --edel-shell-copilot-width: 22.5rem;
  --edel-shell-resize-target: 0.5rem;
  --edel-control-height: 2.125rem;
  --edel-control-height-compact: 1.875rem;

  /* Compatibility aliases retained while existing components migrate. */
  --background: 214 69% 97%;
  --foreground: 208 62% 16%;
  --card: 0 0% 100%;
  --card-foreground: 208 62% 16%;
  --border: 214 15% 83%;
  --input: 214 15% 83%;
  --primary: 208 62% 16%;
  --primary-foreground: 0 0% 100%;
  --secondary: 174 60% 43%;
  --secondary-hover: 174 60% 38%;
  --secondary-foreground: 0 0% 100%;
  --muted: 214 15% 83%;
  --muted-foreground: 0 0% 31%;
  --accent: 214 58% 92%;
  --accent-foreground: 208 62% 16%;
  --ring: 208 62% 16%;
  --radius: var(--edel-radius-lg);
  --card-shadow: var(--edel-shadow-raised);
  --card-shadow-hover: var(--edel-shadow-floating);
  --app-font-family: var(--edel-font-ui);
  --border-radius-sm: var(--edel-radius-sm);
  --border-radius-md: var(--edel-radius-md);
  --transition-snappy: var(--edel-motion-fast);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --edel-motion-fast: 0.01ms;
    --edel-motion-standard: 0.01ms;
  }
}