/*
 * casting-agenda-light.css
 * Version: 9.0.13
 *
 * Light mode kleurvariabelen.
 * Dit bestand definieert alleen CSS custom properties.
 * Wordt overschreven door admin Stijl & Kleuren via inject_style_variables().
 */

@layer ca.tokens {
  /* Also define on :root so hoisted elements (outside .ca-theme-shell) inherit them */
  :root {
    --ca-primary: #4C2D82;
    --ca-primary-2: #7B52BF;
    --ca-bg: #ffffff;
    --ca-text: #0f172a;
    --ca-border: #e2e8f0;
    --ca-surface: #ffffff;
    --ca-header-bg: #F5F6FA;
  }

  :where(.ca-theme-shell, .casting-agenda-app) {

    --ca-bg: var(--bg, #f6f7fb);
    --ca-surface: var(--surface, #ffffff);
    --ca-border: var(--border, #e6e8ef);
    --ca-text: var(--text, #121526);
    --ca-muted: var(--muted, #6b7280);

    --ca-primary: #4C2D82;
    --ca-primary-2: #7B52BF;

    --ca-radius: 16px;
    --ca-radius-sm: 12px;

    --ca-shadow: 0 10px 30px rgba(0,0,0,.06);
    --ca-shadow-soft: 0 6px 18px rgba(0,0,0,.06);

    --ca-ring: 0 0 0 3px rgba(110,46,139,.18);

    color: var(--ca-text);

  /* Alert/feedback kleuren */
  --ca-alert-error-bg: #fee2e2;
  --ca-alert-error-border: #fecaca;
  --ca-alert-error-text: #991b1b;
  --ca-alert-ok-bg: #ecfdf5;
  --ca-alert-ok-border: #a7f3d0;
  --ca-alert-ok-text: #065f46;
  --ca-alert-warning-bg: #fef3c7;
  --ca-alert-warning-border: #f59e0b;
  --ca-alert-warning-text: #92400e;
  --ca-alert-prominent-bg: #f5f0ff;
  --ca-alert-prominent-border: #c4b5fd;
  --ca-alert-prominent-text: #4c1d95;

  /* Danger / destructive */
  --ca-danger: #dc2626;
  --ca-danger-hover: #b91c1c;

  /* Today highlight */
  --ca-today: #f59e0b;

  /* Auth page notice kleuren */
  --ca-notice-success-bg: #f0fdf4;
  --ca-notice-success-border: #86efac;
  --ca-notice-success-text: #166534;
  --ca-notice-error-bg: #fef2f2;
  --ca-notice-error-border: #fca5a5;
  --ca-notice-error-text: #991b1b;
  --ca-notice-warning-bg: #fffbeb;
  --ca-notice-warning-border: #fcd34d;
  --ca-notice-warning-text: #92400e;
  --ca-notice-info-bg: #eff6ff;
  --ca-notice-info-border: #93c5fd;
  --ca-notice-info-text: #1e40af;

  /* Button gradient stops */
  --ca-btn-grad-1: #9468D4;
  --ca-btn-grad-2: #7B52BF;
  --ca-btn-grad-3: #4C2D82;
  --ca-btn-grad-4: #2E1A4E;

  /* Readonly input */
  --ca-readonly-bg: #f8fafc;
  --ca-readonly-text: #475467;
  --ca-readonly-border: #e4e7ec;
  }




}