:root {
  --coce-navy: #0f172a;
  --coce-teal: #28647c;
  --coce-teal-dark: #245a70;
  --coce-card: #ffffff;
  --coce-soft: #f3f4f6;
  --coce-doc-blue: #eef6ff;
  --coce-doc-border: #dbe7f5;
  --coce-border: #e2e8f0;
  --coce-yellow: #f5b800;
  --coce-yellow-2: #fbbf24;
  --coce-green: #16a34a;
  --coce-text: #111827;
  --coce-muted: #475569;
  --coce-danger: #ef4444;

  --coce-radius-sm: 10px;
  --coce-radius-md: 12px;
  --coce-radius-card: 14px;
  --coce-radius-box: 16px;
  --coce-radius-pill: 999px;

  --coce-shadow-soft: 0 6px 16px rgba(15, 23, 42, 0.04);
  --coce-shadow-card: 0 8px 24px rgba(15, 23, 42, 0.06);
  --coce-shadow-strong: 0 12px 32px rgba(15, 23, 42, 0.10);
}