/*! CapMatch UI V2 — Light (Airy Premium) */

body.cm-ui-v2.cm-light{
  /* Core palette */
  --cm-v2-bg0: #f6f7fb;
  --cm-v2-bg1: #ffffff;
  --cm-v2-surface: #ffffff;
  --cm-v2-text: rgba(17,24,39,.92);
  --cm-v2-muted: rgba(17,24,39,.64);
  --cm-v2-border: rgba(17,24,39,.12);
  --cm-v2-border-strong: rgba(17,24,39,.18);

  /* Brand accents (sparsam magenta) */
  --cm-v2-accent: #8EDAD6;
  --cm-v2-accent2: #629D9C;
  --cm-v2-accent3: #2aa6ff;

  /* Links */
  --cm-v2-link: rgba(17,24,39,.92);
  --cm-v2-link-hover: #8EDAD6;

  /* Surfaces */
  --cm-v2-topbar: rgba(255,255,255,.72);
  --cm-v2-panel: rgba(255,255,255,.78);
  --cm-v2-hero: linear-gradient(180deg, rgba(77,141,157,.14), rgba(255,255,255,.70));
  --cm-v2-hover: rgba(17,24,39,.06);
  --cm-v2-active: rgba(77,141,157,.10);

  /* Forms */
  --cm-v2-input: rgba(17,24,39,.06);
  --cm-v2-chip: rgba(17,24,39,.04);
  --cm-v2-ring: rgba(77,141,157,.45);

  /* Shadows */
  --cm-v2-shadow-sm: 0 10px 30px rgba(17,24,39,.12);
  --cm-v2-shadow-lg: 0 28px 80px rgba(17,24,39,.16);
  --cm-v2-glow: 0 18px 55px rgba(77,141,157,.16);
  --cm-v2-shadow: var(--cm-v2-shadow-sm);
  --cm-v2-btn-shadow: 0 12px 32px rgba(17,24,39,.14);
  --cm-v2-card-shadow: 0 16px 46px rgba(17,24,39,.12);
  --cm-v2-cta-shadow: 0 24px 70px rgba(77,141,157,.16);
  --cm-v2-cta-shadow-hover: 0 32px 90px rgba(77,141,157,.20);

  /* Buttons / badges */
  --cm-v2-btn: rgba(255,255,255,.76);
  --cm-v2-btn-hover: rgba(255,255,255,.90);
  --cm-v2-badge: rgba(17,24,39,.06);

  /* Danger */
  --cm-v2-danger: rgba(255,71,87,.10);
  --cm-v2-danger-border: rgba(255,71,87,.28);
  --cm-v2-danger-text: rgba(255,71,87,.92);

  /* Footer */
  --cm-v2-footer: rgba(255,255,255,.78);

  /* Legacy var (safe) */
  --cm-v2-bg: linear-gradient(180deg, var(--cm-v2-bg1), var(--cm-v2-bg0));

  color: var(--cm-v2-text);
  background:
    radial-gradient(1200px 520px at 70% -10%, rgba(77,141,157,.18), rgba(77,141,157,.10) 35%, rgba(0,0,0,0) 70%),
    radial-gradient(900px 460px at 18% 0%, rgba(42,166,255,.08), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #ffffff, #f3f4f8 35%, #eef0f7 100%);
  background-attachment: fixed;
}

body.cm-ui-v2.cm-light a{color: var(--cm-v2-link)}


/* Form controls: ensure native dropdown + date picker uses light palette */
body.cm-ui-v2.cm-light{
  color-scheme: light;
}
body.cm-ui-v2.cm-light input[type="date"]{ cursor: pointer; }