/* ==========================================================================
   Memberius — Shared Design Tokens
   --------------------------------------------------------------------------
   Jedan izvor istine za brand boje, font, radius, shadow i status pair.
   Importati PRIJE memberius_blue_theme.css i landing-editorial.css.
   ========================================================================== */

:root {
  /* ── Brand colors ── */
  --brand-primary-50:  #EEF1FB;
  --brand-primary-100: #DCE2F4;
  --brand-primary-200: #B1BEF1;
  --brand-primary-300: #94A4DA;
  --brand-primary-400: #5D77D4;
  --brand-primary-500: #3D52A0;
  --brand-primary-600: #2E3F7D;
  --brand-primary-700: #2F4080;
  --brand-primary-900: #1F2C5C;

  --brand-secondary-50:  #F0F4FE;
  --brand-secondary-100: #DFE6FB;
  --brand-secondary-200: #B8C5F3;
  --brand-secondary-300: #B5C6F2;
  --brand-secondary-500: #7091E6;
  --brand-secondary-700: #4D6FCF;

  /* ── Ink scale ── */
  --brand-ink-50:  #F0F2F8;
  --brand-ink-100: #E2E5F0;
  --brand-ink-200: #C8CCDF;
  --brand-ink-300: #ABB1CC;
  --brand-ink-500: #5B6390;
  --brand-ink-700: #2A325A;
  --brand-ink-800: #1B244A;
  --brand-ink-900: #0F1535;

  /* ── Paper / surfaces ── */
  --brand-paper: #FFFFFF;
  --brand-sub:   #F7F7F5;
  --brand-tint:  #EDE8F5;

  /* ── Status (foreground + tint pair) ── */
  --brand-success:    #1E9E6A;  --brand-success-bg: #E6F4ED;
  --brand-warn:       #B07A18;  --brand-warn-bg:    #FBF1DD;
  --brand-danger:     #B8254A;  --brand-danger-bg:  #F7E1E7;
  --brand-info:       #4866C6;  --brand-info-bg:    #E6ECF8;

  /* ── Radius ── */
  --brand-radius-sm:   6px;
  --brand-radius-md:   10px;
  --brand-radius-lg:   14px;
  --brand-radius-xl:   20px;
  --brand-radius-2xl:  28px;
  --brand-radius-pill: 999px;

  /* ── Shadow ── */
  --brand-shadow-sm:   0 1px 2px rgba(15, 21, 53, 0.06);
  --brand-shadow-md:   0 4px 12px rgba(15, 21, 53, 0.08);
  --brand-shadow-lg:   0 12px 32px rgba(15, 21, 53, 0.12);
  --brand-shadow-card: 0 1px 0 rgba(15, 21, 53, 0.04), 0 2px 6px rgba(15, 21, 53, 0.06);
  --brand-shadow-ring: 0 0 0 3px rgba(112, 145, 230, 0.28);

  /* ── Typography ── */
  --brand-font-body:    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font-display: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --brand-font-mono:    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}