/**
 * ClearDil design tokens — Soft Volume edition (v2)
 * Same brand identity as v1; adds elevation / soft-UI depth tokens.
 */

:root {
  /* —— Brand palette (unchanged) —— */
  --cd-brand-blue: #328EEC;
  --cd-brand-blue-rgb: 50, 142, 236;
  --cd-brand-navy: #324157;
  --cd-brand-navy-rgb: 50, 65, 87;
  --cd-white: #ffffff;
  --cd-black: #000000;

  --cd-brand-blue-10: #eaf4fd;
  --cd-brand-blue-20: #d6e9fb;
  --cd-brand-blue-40: #a9d0f6;
  --cd-brand-blue-60: #7bb7f2;
  --cd-brand-blue-80: #4e9eee;
  --cd-brand-blue-dark: #1f6fc0;

  --cd-brand-navy-10: #eaeaed;
  --cd-brand-navy-20: #d6d9de;
  --cd-brand-navy-40: #adaebc;
  --cd-brand-navy-60: #858c9b;
  --cd-brand-navy-80: #5c6779;

  /* —— App semantic colors —— */
  --cd-color-primary: var(--cd-brand-blue);
  --cd-color-success: #1c84c6;
  --cd-color-info: #23c6c8;
  --cd-color-warning: #f8ac59;
  --cd-color-danger: #ED5565;
  --cd-color-default: #c2c2c2;

  --cd-risk-low: var(--cd-color-primary);
  --cd-risk-standard: var(--cd-color-success);
  --cd-risk-medium: var(--cd-color-warning);
  --cd-risk-high: var(--cd-color-danger);
  --cd-risk-disabled: #2A2E36;
  --cd-risk-disabled-text: #8B91A0;

  --cd-donut-high: #d9534f;
  --cd-donut-medium: #f7ac62;
  --cd-donut-low: #37aa73;
  --cd-donut-empty: #E6E6E6;
  --cd-donut-pep: #428bca;
  --cd-donut-adverse-media: #D9B74F;
  --cd-donut-disqualified: #D9824F;
  --cd-donut-watchlist: #d9534f;
  --cd-donut-score: var(--cd-brand-blue);

  /* —— Surfaces (soft UI canvas) —— */
  --cd-text: #5a6270;
  --cd-text-strong: var(--cd-brand-navy);
  --cd-text-muted: #8b93a0;
  --cd-label-text: #5E5E5E;
  --cd-canvas: #e4e9f0;
  --cd-surface: #e4e9f0;
  --cd-surface-raised: #ffffff;
  --cd-surface-subtle: #f3f6fb;
  --cd-border: transparent;
  --cd-border-strong: #cfd6e0;
  --cd-nav-bg: #2F4050;
  --cd-nav-text: #a7b1c2;

  /* Typography */
  --cd-font-brand: "Gilroy", "Montserrat", "Avenir Next", "Segoe UI", sans-serif;
  --cd-font-display: "Rockwell", "Roboto Slab", "Slabo 27px", Georgia, serif;
  --cd-font-ui: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --cd-font-mono: "SF Mono", "Menlo", "Consolas", monospace;

  --cd-fs-xs: 10px;
  --cd-fs-sm: 12px;
  --cd-fs-md: 14px;
  --cd-fs-lg: 16px;
  --cd-fs-xl: 24px;
  --cd-fs-2xl: 30px;
  --cd-fs-3xl: 40px;
  --cd-fs-hero: 56px;

  --cd-fw-regular: 400;
  --cd-fw-medium: 500;
  --cd-fw-semibold: 600;
  --cd-fw-bold: 700;
  --cd-fw-extrabold: 800;

  --cd-space-1: 4px;
  --cd-space-2: 8px;
  --cd-space-3: 12px;
  --cd-space-4: 16px;
  --cd-space-5: 24px;
  --cd-space-6: 32px;
  --cd-space-8: 48px;

  /* Softer radii (still flat shapes, not pills everywhere) */
  --cd-radius-sm: 10px;
  --cd-radius-md: 14px;
  --cd-radius-lg: 20px;
  --cd-radius-pill: 999px;

  /* Soft volume — dual shadows (light from top-left; for canvas/gray surfaces) */
  --cd-shadow-out:
    8px 8px 18px rgba(var(--cd-brand-navy-rgb), 0.12),
    -6px -6px 14px rgba(255, 255, 255, 0.85);
  --cd-shadow-out-md:
    10px 10px 22px rgba(var(--cd-brand-navy-rgb), 0.14),
    -8px -8px 18px rgba(255, 255, 255, 0.9);
  --cd-shadow-out-lg:
    14px 14px 28px rgba(var(--cd-brand-navy-rgb), 0.16),
    -10px -10px 22px rgba(255, 255, 255, 0.95);
  --cd-shadow-in:
    inset 5px 5px 10px rgba(var(--cd-brand-navy-rgb), 0.08),
    inset -4px -4px 10px rgba(255, 255, 255, 0.9);
  /* Soft float — use on white content planes (dual highlight reads as a harsh edge there) */
  --cd-shadow-float:
    0 8px 20px rgba(var(--cd-brand-navy-rgb), 0.08),
    0 2px 6px rgba(var(--cd-brand-navy-rgb), 0.04);
  --cd-shadow-float-md:
    0 12px 28px rgba(var(--cd-brand-navy-rgb), 0.11),
    0 3px 8px rgba(var(--cd-brand-navy-rgb), 0.05);
  --cd-shadow-float-sm:
    0 4px 12px rgba(var(--cd-brand-navy-rgb), 0.07),
    0 1px 3px rgba(var(--cd-brand-navy-rgb), 0.04);
  --cd-shadow-blue:
    6px 10px 20px rgba(var(--cd-brand-blue-rgb), 0.35),
    -2px -2px 8px rgba(255, 255, 255, 0.4);

  --cd-sidebar-width: 240px;
  --cd-transition: 180ms cubic-bezier(0.22, 1, 0.36, 1);
  --cd-transition-slow: 280ms cubic-bezier(0.22, 1, 0.36, 1);
}