/* Tokens canónicos de marca Steigen.
   Copiados tal cual desde "05 · Tokens CSS para implementación" (Notion).
   No se inventan variables nuevas sin registrarlas primero ahí. */
:root {
  --steigen-blue-900: #1f3947;
  --steigen-blue-700: #406a80;
  --steigen-blue-600: #4c8099;
  --steigen-blue-500: #5995b2;
  --steigen-blue-400: #66aacc;
  --steigen-blue-300: #73bfe5;
  --steigen-cyan-200: #80d4ff;

  --steigen-slate-900: #26343d;
  --steigen-slate-700: #737b80;
  --steigen-slate-600: #8a9499;
  --steigen-slate-500: #a1adb2;
  --steigen-slate-400: #b8c5cc;
  --steigen-slate-300: #cfdee5;
  --steigen-slate-100: #e5f6ff;
  --steigen-canvas: #eef3f6;
  --steigen-white: #ffffff;

  --steigen-success: #237356;
  --steigen-warning: #a9632b;
  --steigen-danger: #9f3f47;

  --steigen-font-brand: "Montserrat", "Avenir Next", Arial, sans-serif;
  --steigen-font-mono: "SFMono-Regular", Consolas, monospace;

  --steigen-space-1: 4px;
  --steigen-space-2: 8px;
  --steigen-space-3: 12px;
  --steigen-space-4: 16px;
  --steigen-space-6: 24px;
  --steigen-space-8: 32px;
  --steigen-space-12: 48px;
  --steigen-space-16: 64px;

  --steigen-radius-sm: 10px;
  --steigen-radius: 14px;
  --steigen-radius-lg: 20px;
  --steigen-shadow: 0 14px 38px rgba(31, 57, 71, 0.09);
  --steigen-focus: 0 0 0 3px rgba(128, 212, 255, 0.72);
  --steigen-gradient: linear-gradient(135deg, #1f3947 0%, #406a80 55%, #5995b2 100%);
}