/* ============================================================
   Overops — Common Theme Resources (Brand Guidelines v1.0)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  /* Brand Colors */
  --overops-primary: #0d207c;
  --overops-primary-light: #1a2f8a;
  --overops-primary-dark: #060f3a;
  --overops-accent: #fbfbce;
  --overops-accent-hover: #f5f5b8;
  --overops-accent-light: #fdfde3;
  --overops-accent-glow: rgba(251, 251, 206, 0.35);
  --overops-accent-text: #0d207c;
  --overops-surface: #ffffff;
  --overops-surface-secondary: #f8fafc;
  --overops-border: #e2e8f0;
  --overops-border-focus: #0d207c;
  --overops-text: #0d207c;
  --overops-text-secondary: #64748b;
  --overops-text-muted: #94a3b8;
  --overops-success: #22c55e;
  --overops-error: #ef4444;
  --overops-warning: #f59e0b;

  /* Spacing & Radius */
  --overops-radius-sm: 8px;
  --overops-radius: 10px;
  --overops-radius-lg: 14px;
  --overops-radius-xl: 16px;
  --overops-shadow-card: 0 8px 24px rgba(0, 0, 0, 0.15);
  --overops-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --overops-shadow-input: 0 1px 2px rgba(0, 0, 0, 0.05);

  /* Typography */
  --overops-font: "DM Sans", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --overops-font-body: "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --overops-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}