/* Cloudtric Central — shared design tokens
 *
 * One source of truth for both surfaces. admin.css and portal.css previously
 * each declared their own copy of these and had already drifted apart (two
 * different surface greys, two different navies). Load this BEFORE either.
 *
 * Direction: professional corporate modern for a dense data console —
 * restrained neutrals, one blue accent, one warm signal hue, near-flat
 * elevation. Deliberately no gradients and no heavy shadows.
 */

:root {
  /* ── Ink ──────────────────────────────────────────────────── */
  --ctc-ink: #1a2130;
  --ctc-ink-soft: #5a6478;
  --ctc-ink-faint: #8a93a6;

  /* ── Chrome (sidebar, login, dark surfaces) ───────────────── */
  --ctc-navy-900: #12192a;
  --ctc-navy-700: #1e293f;
  /* Alias: both stylesheets referenced --ctc-navy before this file existed */
  --ctc-navy: var(--ctc-navy-900);

  /* ── Surfaces ─────────────────────────────────────────────── */
  --ctc-surface: #f4f5f8;
  --ctc-surface-raised: #ffffff;
  --ctc-surface-sunken: #f8f9fb;
  --ctc-border: #e2e5eb;
  --ctc-border-strong: #c9ceda;
  /* Alias for the pre-token name used throughout both stylesheets */
  --ctc-card-border: var(--ctc-border);

  /* ── Accent: one blue, one warm signal. Nothing else. ─────── */
  --ctc-accent: #2f5edb;
  --ctc-accent-ink: #1a3c99;
  --ctc-accent-bg: #eef2fd;
  --ctc-signal: #b8862e;
  --ctc-signal-bg: #fdf3dc;
  --ctc-signal-ink: #5c410c;

  /* ── Status: five hues, every enum maps onto these ────────── */
  --ctc-success: #17703a;
  --ctc-success-bg: #e3f5e9;
  --ctc-danger: #c22f38;
  --ctc-danger-bg: #fbe4e5;
  --ctc-warning: #8a6410;
  --ctc-warning-bg: #fdf3dc;
  --ctc-info: #1a56b8;
  --ctc-info-bg: #e8f0fe;
  --ctc-neutral: #5a6478;
  --ctc-neutral-bg: #eceff3;

  /* ── Type ─────────────────────────────────────────────────── */
  --ctc-font-body: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ctc-font-display: "Space Grotesk", -apple-system, sans-serif;
  --ctc-font-mono: "Source Code Pro", "Consolas", monospace;

  /* Base sits under Bootstrap's 16px on purpose — a console shows more rows */
  --ctc-fs-xs: 0.75rem;
  --ctc-fs-sm: 0.8125rem;
  --ctc-fs-base: 0.9375rem;
  --ctc-fs-md: 1.0625rem;
  --ctc-fs-lg: 1.375rem;
  --ctc-fs-xl: 1.75rem;

  /* ── Spacing (4px base) ───────────────────────────────────── */
  --ctc-space-1: 0.25rem;
  --ctc-space-2: 0.5rem;
  --ctc-space-3: 0.75rem;
  --ctc-space-4: 1rem;
  --ctc-space-5: 1.5rem;
  --ctc-space-6: 2rem;
  --ctc-space-8: 3rem;

  /* ── Elevation / shape ────────────────────────────────────── */
  --ctc-radius-card: 10px;
  --ctc-radius-control: 8px;
  --ctc-shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04);
  --ctc-shadow-raised: 0 4px 12px rgba(16, 24, 40, 0.08);

  /* Bootstrap overrides so stock components inherit the system */
  --bs-border-radius: var(--ctc-radius-control);
  --bs-body-font-family: var(--ctc-font-body);
  --bs-link-color-rgb: 47, 94, 219;
  --bs-link-hover-color-rgb: 26, 60, 153;
}