/**
 * Operativa Design Tokens — kurumsal SaaS dili (Saasflix ilhamı)
 * Telif: üçüncü parti şablon CSS’i kopyalanmaz; token + layout dili.
 */
:root {
  /* Brand */
  --op-blue: #2563eb;
  --op-blue-deep: #0a5fe0;
  --op-blue-dark: #004ac6;
  --op-blue-glow: rgba(37, 99, 235, 0.28);
  --op-blue-soft: rgba(37, 99, 235, 0.1);

  /* Neutrals */
  --op-ink: #0b1c30;
  --op-ink-soft: #132a4a;
  --op-muted: #5b6475;
  --op-line: #d3e4fe;
  --op-line-soft: rgba(11, 28, 48, 0.08);
  --op-bg: #f1f5ff;
  --op-bg-warm: #f4f7fb;
  --op-surface: #ffffff;
  --op-side: #0b1c30;
  --op-side-mid: #132a63;

  /* Status */
  --op-ok: #059669;
  --op-warn: #d97706;
  --op-danger: #dc2626;

  /* Shape */
  --op-radius: 16px;
  --op-radius-sm: 12px;
  --op-radius-lg: 20px;
  --op-radius-pill: 999px;
  --op-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 28, 74, 0.07);
  --op-shadow-lg: 0 24px 60px rgba(11, 28, 48, 0.14);
  --op-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Type */
  --op-font: "Poppins", system-ui, sans-serif;
  --op-font-ui: "Outfit", system-ui, sans-serif;
  --op-font-display: "Syne", system-ui, sans-serif;

  /* Layout */
  --op-container: 1160px;
  --op-header-h: 76px;
  --op-side-w: 248px;

  /* Legacy aliases — portal / admin / auth / modules */
  --blue: var(--op-blue);
  --blue-deep: var(--op-blue-dark);
  --teal: var(--op-blue); /* destek accent → mavi (kurumsal dil) */
  --indigo: #4f46e5;
  --ink: var(--op-ink);
  --muted: var(--op-muted);
  --line: var(--op-line);
  --bg: var(--op-bg);
  --white: var(--op-surface);
  --side: var(--op-side);
  --ok: var(--op-ok);
  --warn: var(--op-warn);
  --danger: var(--op-danger);
  --font: var(--op-font);
  --radius: var(--op-radius);
  --radius-sm: var(--op-radius-sm);
  --shadow: var(--op-shadow);
}