/* ===========================================================================
   Classic Theme Tokens
   Scope: :root (default fallback) and [data-theme="classic"]
   Values exactly reproduce current hardcoded colours in app.css and login.css.
   =========================================================================== */

:root,
[data-theme="classic"] {

  /* ── Fonts ──────────────────────────────────────────────────────────────── */
  --font-primary: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;

  /* ── Border radius ──────────────────────────────────────────────────────── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* ── Backgrounds ────────────────────────────────────────────────────────── */
  --bg-primary: #ffffff;
  --bg-surface: #ffffff;
  --bg-shell-header: #fff3e0;
  --bg-toolbar: #fff9d6;
  --bg-card: #fafafa;
  --bg-card-hover: #f5f5f5;
  --bg-muted: #f5f5f5;
  --bg-grid-header: #e8f5e9;
  --bg-login: linear-gradient(160deg, #ffffff 0%, #fef9f0 40%, #fdf2e9 100%);
  --bg-admin: #ffffff;
  --bg-mobile-topbar: #fff3e0;
  --bg-mobile-bottom-nav: #ffffff;
  --bg-frozen-col: #f3faf3;
  --bg-btn: #ffffff;
  --bg-btn-hover: #f5f5f5;
  --bg-btn-logout: #fef0f0;
  --bg-btn-logout-hover: #fde0e0;
  --bg-shell-btn: #f5f5f5;
  --bg-shell-btn-hover: #e8e8e8;
  --bg-home-btn: #f0f0f0;
  --bg-home-btn-hover: #e0e0e0;
  --bg-login-card: #ffffff;
  --bg-login-input: #faf8f5;
  --bg-login-topbar: #ffffff;
  --bg-login-bottombar: #ffffff;
  --bg-login-badge: #faf8f5;
  --bg-login-feature-card: #ffffff;
  --bg-group-btn-off: #ffecec;
  --bg-group-btn-on: #ffcccc;
  --bg-group-btn-add: #f5f5f5;
  --bg-danger-row: #ffecec;
  --bg-job-master-down: #ffebee;
  --bg-job-master-up: #e8f5e9;
  --bg-job-badge-running: #e8f5e9;
  --bg-job-badge-wait: #fff3e0;
  --bg-job-badge-pending: #e3f2fd;
  --bg-job-badge-failed: #ffebee;
  --bg-job-badge-completed: #f1f8e9;
  --bg-job-badge-cancelled: #f5f5f5;
  --bg-modal: #ffffff;
  --bg-context-menu: #ffffff;
  --bg-context-menu-hover: #f0f4ff;
  --bg-ctx-header: linear-gradient(135deg, #4a6cf7 0%, #3b5de7 100%);
  --bg-discovery-live: #0d1117;
  --bg-discovery-status: #f5f5f5;
  --bg-migration-log: #1e1e1e;
  --bg-os-detail-header: #fff3e0;
  --bg-os-detail-section-title: #e3f2fd;
  --bg-os-detail-ai-block: #f5f5f5;
  --bg-os-detail-table-header: #fafafa;
  --bg-os-detail-table-row-hover: #f8f9ff;
  --bg-version-banner: #1976d2;

  /* ── Text colours ───────────────────────────────────────────────────────── */
  --clr-text-primary: #333333;
  --clr-text-secondary: #555555;
  --clr-text-muted: #888888;
  --clr-text-light: #666666;
  --clr-text-very-light: #777777;
  --clr-text-label: #444444;
  --clr-text-admin-label: #333333;
  --clr-text-login-primary: #2d2520;
  --clr-text-login-secondary: #5d5347;
  --clr-text-login-muted: #8b7355;
  --clr-text-login-topbar: #2d2520;

  /* ── Accent / brand colours ─────────────────────────────────────────────── */
  --clr-accent: #1565c0;
  --clr-accent-hover: #0d47a1;
  --clr-accent-light: #1976d2;
  --clr-accent-bg: #e3f2fd;
  --clr-danger: #c62828;
  --clr-danger-hover: #a30000;
  --clr-success: #0b6b2f;
  --clr-success-alt: #2e7d32;
  --clr-error: #b00020;
  --clr-warning: #e65100;
  --clr-warning-alt: #f57f17;
  --clr-purple: #7b1fa2;
  --clr-teal: #00796b;
  --clr-cyan: #0097a7;
  --clr-indigo: #3949ab;
  --clr-green: #2e7d32;
  --clr-amber: #f9a825;

  /* ── Login gradients ────────────────────────────────────────────────────── */
  --clr-login-btn: linear-gradient(135deg, #b71c1c, #d32f2f);
  --clr-login-title: linear-gradient(135deg, #b71c1c, #d32f2f, #e65100, #f9a825);

  /* ── Borders ────────────────────────────────────────────────────────────── */
  --bdr-default: #dddddd;
  --bdr-card: #e0d5c8;
  --bdr-toolbar: #000000;
  --bdr-light: #eeeeee;
  --bdr-medium: #cccccc;
  --bdr-input: #bbbbbb;
  --bdr-login: #e0d5c8;
  --bdr-login-input: #d4c8b8;
  --bdr-login-topbar: #e5e0d8;
  --bdr-login-card: #e8ddd0;
  --bdr-mobile-topbar: #e0e0e0;
  --bdr-mobile-bottom-nav: #e0e0e0;
  --bdr-group-btn: #d3a3a3;
  --bdr-admin-section: #e0e0e0;
  --bdr-focus: #9fb7ff;
  --bdr-context-menu: #d0d5dd;

  /* ── Shadows ────────────────────────────────────────────────────────────── */
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.08);
  --shadow-modal: 0 8px 40px rgba(0, 0, 0, 0.25);
  --shadow-context-menu: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-login-card: 0 8px 32px rgba(0, 0, 0, 0.08);
  --shadow-login-feature-hover: 0 4px 12px rgba(180, 40, 40, 0.08);
  --shadow-mobile-profile: 0 4px 24px rgba(0, 0, 0, 0.15);
  --shadow-shell-btn-logout-hover: 0 6px 20px rgba(183, 28, 28, 0.3);

  /* ── Job status text colours ────────────────────────────────────────────── */
  --clr-job-running: #2e7d32;
  --clr-job-wait: #e65100;
  --clr-job-pending: #1565c0;
  --clr-job-failed: #c62828;
  --clr-job-completed: #558b2f;
  --clr-job-cancelled: #757575;

  /* ── Discovery colours ──────────────────────────────────────────────────── */
  --clr-discovery-live-text: #d4d4d4;
  --clr-discovery-success: #4ec9b0;
  --clr-discovery-error: #f44747;
  --clr-discovery-warning: #dcdcaa;
  --clr-discovery-detail: #808080;
  --clr-discovery-debug: #569cd6;
  --clr-discovery-chip: #1565c0;
  --bg-discovery-risk-low: #e8f5e9;
  --clr-discovery-risk-low: #2e7d32;
  --bg-discovery-risk-medium: #fff3e0;
  --clr-discovery-risk-medium: #e65100;
  --bg-discovery-risk-high: #ffebee;
  --clr-discovery-risk-high: #c62828;
  --bg-discovery-category: #e3f2fd;
  --clr-discovery-category: #1565c0;

  /* ── Git colours ────────────────────────────────────────────────────────── */
  --bg-git-branch-main: #e8f5e9;
  --clr-git-branch-main: #2e7d32;
  --bg-git-branch-feature: #e3f2fd;
  --clr-git-branch-feature: #1565c0;
  --clr-git-changes-clean: #2e7d32;
  --clr-git-changes-dirty: #e65100;
  --bg-git-btn-start: #1565c0;
  --clr-git-btn-start: #ffffff;
  --bg-git-btn-commit: #2e7d32;
  --clr-git-btn-commit: #ffffff;
  --bg-git-btn-merge: #7b1fa2;
  --clr-git-btn-merge: #ffffff;

  /* ── Migration colours ──────────────────────────────────────────────────── */
  --bg-migration-phase: #e0e0e0;
  --clr-migration-phase: #555555;
  --bg-migration-phase-active: #bbdefb;
  --clr-migration-phase-active: #1565c0;
  --bg-migration-phase-completed: #1565c0;
  --clr-migration-phase-completed: #ffffff;
  --bg-migration-progress: #e0e0e0;
  --bg-migration-progress-fill: #00796b;

  /* ── Status badge colours (projects) ────────────────────────────────────── */
  --bg-status-running: #fff3e0;
  --clr-status-running: #e65100;
  --bg-status-complete: #e8f5e9;
  --clr-status-complete: #2e7d32;
  --bg-status-error: #fce4ec;
  --clr-status-error: #c62828;
  --bg-status-idle: #e3f2fd;
  --clr-status-idle: #1565c0;

  /* ── Object Studio colours ──────────────────────────────────────────────── */
  --clr-os-detail-section-title: #1565c0;
  --clr-os-detail-ai-border: #7c4dff;
  --clr-os-detail-ai-label: #7c4dff;
  --clr-os-link: #1565c0;
  --clr-os-link-hover: #0d47a1;
  --bdr-os-detail-header: #ffe0b2;

  /* ── Application card accent colours ────────────────────────────────────── */
  --clr-appcard-border: #0097a7;
  --clr-appcard-border-hover: #00bcd4;
  --shadow-appcard-hover: 0 4px 16px rgba(0, 151, 167, 0.18);

  /* ── Admin card hover accent colours ────────────────────────────────────── */
  --clr-card-hover-red: #c62828;
  --shadow-card-hover-red: 0 2px 8px rgba(198, 40, 40, 0.12);
  --clr-card-hover-green: #2e7d32;
  --shadow-card-hover-green: 0 2px 8px rgba(46, 125, 50, 0.15);
  --clr-card-hover-amber: #f57f17;
  --shadow-card-hover-amber: 0 2px 8px rgba(245, 127, 23, 0.15);
  --clr-card-hover-purple: #7b1fa2;
  --shadow-card-hover-purple: 0 2px 8px rgba(123, 31, 162, 0.15);
  --clr-card-hover-blue: #1565c0;
  --shadow-card-hover-blue: 0 2px 8px rgba(21, 101, 192, 0.15);
  --clr-card-hover-teal: #00796b;
  --shadow-card-hover-teal: 0 2px 8px rgba(0, 121, 107, 0.15);
  --clr-card-hover-orangered: #e65100;
  --shadow-card-hover-orangered: 0 2px 8px rgba(230, 81, 0, 0.15);
  --clr-card-hover-indigo: #3949ab;
  --shadow-card-hover-indigo: 0 2px 8px rgba(57, 73, 171, 0.15);
  --clr-card-hover-cyan: #00838f;
  --shadow-card-hover-cyan: 0 2px 8px rgba(0, 131, 143, 0.15);
  --clr-card-hover-deeporange: #bf360c;
  --shadow-card-hover-deeporange: 0 2px 8px rgba(191, 54, 12, 0.15);

  /* ── Job summary card accent colours ────────────────────────────────────── */
  --bdr-job-summary-active: #a5d6a7;
  --clr-job-summary-active: #2e7d32;
  --shadow-job-summary-active-hover: 0 2px 8px rgba(46, 125, 50, 0.15);
  --bdr-job-summary-pending: #90caf9;
  --clr-job-summary-pending: #1565c0;
  --shadow-job-summary-pending-hover: 0 2px 8px rgba(21, 101, 192, 0.15);
  --bdr-job-summary-failed: #ef9a9a;
  --clr-job-summary-failed: #c62828;
  --shadow-job-summary-failed-hover: 0 2px 8px rgba(198, 40, 40, 0.15);

  /* ── Visibility group tab colours ───────────────────────────────────────── */
  --bg-vg-frozen-tab: #d5f5e3;
  --bdr-vg-frozen-tab: #a9dfbf;
  --clr-vg-frozen-tab: #1e8449;
  --bg-vg-col-tab: #d6eaf8;
  --bdr-vg-col-tab: #aed6f1;
  --clr-vg-col-tab: #2c3e50;
  --bdr-vg-adj-sep: #cccccc;

  /* ── Spinner border colours ──────────────────────────────────────────────── */
  --clr-spinner-track: #e0e0e0;
  --clr-spinner-fill: #1565c0;
  --clr-spinner-projects-fill: #e65100;

  /* ── Version banner ──────────────────────────────────────────────────────── */
  --bg-version-banner-btn: #ffffff;
  --clr-version-banner-btn: #1976d2;
  --clr-version-banner-btn-hover: #e3f2fd;
}
