/* /saturno/public/assets/css/orion.tokens.css */
/* ORIONWARE · Saturno · Space Tech Premium tokens + Bootstrap dark variable overrides */

@font-face {
  font-family: "LT Saeada";
  src:
    url("/assets/fonts/lt-saeada/LT-Saeada.woff2") format("woff2"),
    url("/assets/fonts/lt-saeada/LT-Saeada.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Typography */
  --orion-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --orion-font-display: "LT Saeada", "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Palette (given tokens) */
  --orion-primary-900: #02344f;
  --orion-black: #000000;

  --orion-accent-blue: #4897ff;
  --orion-accent-purple: #9a26f9;

  --orion-secondary-1: #352ba5;
  --orion-secondary-2: #4e6aef;
  --orion-secondary-3: #8563ee;

  /* Neutral ramp */
  --orion-ink-0: #070a0f;
  --orion-ink-1: #0b0f17;
  --orion-ink-2: #0f1624;
  --orion-ink-3: #121c2e;

  --orion-text: rgba(255, 255, 255, 0.92);
  --orion-text-muted: rgba(255, 255, 255, 0.70);
  --orion-text-soft: rgba(255, 255, 255, 0.58);

  /* Surfaces */
  --orion-surface-0: rgba(255, 255, 255, 0.03);
  --orion-surface-1: rgba(255, 255, 255, 0.05);
  --orion-surface-2: rgba(255, 255, 255, 0.08);
  --orion-surface-3: rgba(255, 255, 255, 0.11);

  /* Borders */
  --orion-border: rgba(255, 255, 255, 0.10);
  --orion-border-strong: rgba(255, 255, 255, 0.16);

  /* Effects */
  --orion-shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.35);
  --orion-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.45);
  --orion-shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.55);

  --orion-glow-blue: 0 0 0 3px rgba(72, 151, 255, 0.18);
  --orion-glow-purple: 0 0 0 3px rgba(154, 38, 249, 0.18);

  /* Radius */
  --orion-r-xs: 10px;
  --orion-r-sm: 14px;
  --orion-r-md: 18px;
  --orion-r-lg: 22px;

  /* Spacing */
  --orion-gap-1: 8px;
  --orion-gap-2: 12px;
  --orion-gap-3: 16px;
  --orion-gap-4: 20px;
  --orion-gap-5: 24px;

  /* Layout */
  --orion-sidebar-w: 270px;
  --orion-topbar-h: 64px;

  /* Focus */
  --orion-focus: rgba(72, 151, 255, 0.42);

  /* HUD line */
  --orion-hud: linear-gradient(
    90deg,
    rgba(72, 151, 255, 0.00),
    rgba(72, 151, 255, 0.35),
    rgba(154, 38, 249, 0.35),
    rgba(154, 38, 249, 0.00)
  );
}

/* Bootstrap 5.3 dark variable overrides */
html[data-bs-theme="dark"] {
  --bs-body-font-family: var(--orion-font-body);
  --bs-body-bg: #070a0f;
  --bs-body-color: var(--orion-text);

  --bs-secondary-color: var(--orion-text-muted);
  --bs-tertiary-color: var(--orion-text-soft);

  --bs-border-color: var(--orion-border);
  --bs-border-color-translucent: rgba(255, 255, 255, 0.10);

  --bs-link-color: var(--orion-accent-blue);
  --bs-link-hover-color: #74b0ff;

  --bs-primary: var(--orion-accent-blue);
  --bs-primary-rgb: 72, 151, 255;

  --bs-danger: #ff3b6a;
  --bs-danger-rgb: 255, 59, 106;

  --bs-warning: #f6c945;
  --bs-warning-rgb: 246, 201, 69;

  --bs-success: #2fe19a;
  --bs-success-rgb: 47, 225, 154;

  --bs-info: #38d0ff;
  --bs-info-rgb: 56, 208, 255;

  --bs-secondary-bg: rgba(255, 255, 255, 0.04);
  --bs-tertiary-bg: rgba(255, 255, 255, 0.03);

  --bs-emphasis-color: rgba(255, 255, 255, 0.95);

  --bs-focus-ring-color: rgba(72, 151, 255, 0.35);
  --bs-focus-ring-width: 0.22rem;
}

/* Base resets */
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: var(--orion-font-body);
  background:
    radial-gradient(900px 600px at 15% 10%, rgba(72, 151, 255, 0.14), transparent 60%),
    radial-gradient(900px 600px at 85% 15%, rgba(154, 38, 249, 0.12), transparent 65%),
    radial-gradient(700px 500px at 45% 90%, rgba(2, 52, 79, 0.25), transparent 60%),
    #070a0f;
  color: var(--orion-text);
}

/* Selection */
::selection {
  background: rgba(72, 151, 255, 0.25);
}

/* Accessible focus (non intrusive but visible) */
:focus-visible {
  outline: 2px solid rgba(72, 151, 255, 0.55);
  outline-offset: 2px;
  border-radius: 10px;
}

/* =========================
   LT Saeada (Titulares)
   ========================= */
@font-face {
  font-family: "LT Saeada";
  src:
    url("/assets/fonts/lt-saeada/LTSaeada-Regular.woff2") format("woff2"),
    url("/assets/fonts/lt-saeada/LTSaeada-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LT Saeada";
  src:
    url("/assets/fonts/lt-saeada/LTSaeada-Bold.woff2") format("woff2"),
    url("/assets/fonts/lt-saeada/LTSaeada-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}