/* ============================================================
   kaziOS design tokens
   Single source of truth for colors, radii, shadows, type.
   Referenced by shell.css and all surface-specific stylesheets.
   ============================================================ */

:root {
  /* Brand / neutrals */
  --primary:        #1f4183;
  --primary-600:    #1a3970;
  --primary-700:    #142c5a;
  --accent:         #3993cc;
  --accent-600:     #2d7aae;

  /* Surfaces */
  --bg:             #f6f8fc;
  --surface:        #ffffff;
  --surface-2:      #f1f5f9;
  --surface-3:      #e2e8f0;

  /* Borders */
  --border:         #e6eaf2;
  --border-strong:  #cfd6e4;

  /* Text */
  --text:           #1f2937;
  --text-muted:     #64748b;
  --text-dim:       #94a3b8;
  --text-inverse:   #ffffff;

  /* Status */
  --success:        #16a34a;
  --success-bg:     #dcfce7;
  --success-text:   #166534;
  --warning:        #f59e0b;
  --warning-bg:     #fef3c7;
  --warning-text:   #92400e;
  --danger:         #dc2626;
  --danger-bg:      #fef2f2;
  --danger-text:    #991b1b;
  --info:           #3993cc;
  --info-bg:        #eff6ff;
  --info-text:      #1e40af;

  /* Pill / badge */
  --pill-bg:        #eef2ff;
  --pill-text:      #3730a3;
  --pill-border:    #dbe1ff;

  /* Shape */
  --radius-lg:      16px;
  --radius-md:      12px;
  --radius-sm:      8px;
  --radius-xs:      6px;
  --radius-pill:    999px;

  /* Elevation */
  --shadow-sm:      0 1px 2px rgba(15, 23, 42, 0.04),
                    0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md:      0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-lg:      0 12px 32px rgba(15, 23, 42, 0.12);
  --shadow-xl:      0 24px 60px rgba(15, 23, 42, 0.18);

  /* Focus ring */
  --focus-ring:     0 0 0 3px rgba(57, 147, 204, 0.25);

  /* Type */
  --font-family:    'Elms Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                    Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-mono:      ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fs-xs:          12px;
  --fs-sm:          13px;
  --fs-base:        14px;
  --fs-md:          15px;
  --fs-lg:          18px;
  --fs-xl:          22px;
  --fs-2xl:         28px;
  --fs-3xl:         36px;
  --fs-4xl:         44px;

  /* Layout */
  --topnav-height:     57px;
  --sidebar-width:     260px;
  --container-max:     1200px;
  --container-max-wide: 1320px;

  /* Motion */
  --motion-fast:    120ms ease-out;
  --motion-base:    150ms ease-out;
  --motion-slow:    240ms ease-out;
}