/**
 * VeriQal brand theme — shared color tokens for VeriQal Flow.
 * Colors sourced from the main VeriQal Reporter application palette.
 * Update values here to rebrand across the app.
 */
:root {
  /* Brand palette */
  --veriqal-navy: #061B3A;
  --veriqal-blue: #0B3D91;
  --veriqal-cyan: #12C8E8;
  --veriqal-teal: #14B8A6;

  /* Semantic tokens */
  --veriqal-primary: var(--veriqal-navy);
  --veriqal-secondary: var(--veriqal-blue);
  --veriqal-accent: var(--veriqal-cyan);
  --veriqal-accent-alt: var(--veriqal-teal);
  --veriqal-background: #0b1120;
  --veriqal-surface: #101827;
  --veriqal-surface-elevated: #172033;
  --veriqal-card: rgba(15, 23, 42, 0.75);
  --veriqal-panel: #1f2937;
  --veriqal-text: #ffffff;
  --veriqal-text-soft: #cbd5e1;
  --veriqal-muted: #94a3b8;
  --veriqal-border: #334155;
  --veriqal-success: #22c55e;
  --veriqal-warning: #f59e0b;
  --veriqal-danger: #ef4444;

  /* Accent overlays (for borders, hovers, glows) */
  --veriqal-accent-12: rgba(18, 200, 232, 0.12);
  --veriqal-accent-16: rgba(18, 200, 232, 0.16);
  --veriqal-accent-18: rgba(18, 200, 232, 0.18);
  --veriqal-accent-20: rgba(18, 200, 232, 0.20);
  --veriqal-accent-25: rgba(18, 200, 232, 0.25);
  --veriqal-accent-35: rgba(18, 200, 232, 0.35);
  --veriqal-accent-45: rgba(18, 200, 232, 0.45);
  --veriqal-accent-75: rgba(18, 200, 232, 0.75);
  --veriqal-teal-10: rgba(20, 184, 166, 0.10);
  --veriqal-sidebar-bg: rgba(6, 27, 58, 0.96);
  --veriqal-logo-bg: rgba(2, 6, 23, 0.65);

  /* Gradients */
  --veriqal-gradient-bg: radial-gradient(circle at top left, rgba(18, 200, 232, 0.12), transparent 30%),
    radial-gradient(circle at top right, rgba(20, 184, 166, 0.10), transparent 28%),
    var(--veriqal-background);
  --veriqal-gradient-primary-btn: linear-gradient(135deg, var(--veriqal-blue), var(--veriqal-cyan));
  --veriqal-gradient-brand-text: linear-gradient(90deg, var(--veriqal-cyan), var(--veriqal-teal));

  /* Legacy aliases (used by component styles) */
  --navy: var(--veriqal-navy);
  --blue: var(--veriqal-blue);
  --cyan: var(--veriqal-cyan);
  --teal: var(--veriqal-teal);
  --bg: var(--veriqal-background);
  --surface: var(--veriqal-surface);
  --surface-2: var(--veriqal-surface-elevated);
  --panel: var(--veriqal-panel);
  --border: var(--veriqal-border);
  --muted: var(--veriqal-muted);
  --text: var(--veriqal-text);
  --soft: var(--veriqal-text-soft);
  --danger: var(--veriqal-danger);
  --success: var(--veriqal-success);
  --warning: var(--veriqal-warning);
}