/* ============================================================
   SEVERINO APP — DESIGN TOKENS
   Marca: azul royal + amarelo/dourado + branco
   ============================================================ */

:root {
  /* Brand — primary blues */
  --sev-blue-50:  #EEF3FF;
  --sev-blue-100: #DCE6FF;
  --sev-blue-200: #B6C8FF;
  --sev-blue-300: #7E9CFF;
  --sev-blue-400: #4A6CFF;
  --sev-blue-500: #1538C7;   /* logo blue */
  --sev-blue-600: #0E2A9E;
  --sev-blue-700: #0B2179;
  --sev-blue-800: #081858;
  --sev-blue-900: #050F36;
  --sev-blue-950: #030820;

  /* Brand — golds */
  --sev-gold-300: #FFE074;
  --sev-gold-400: #FFC940;
  --sev-gold-500: #FFC107;   /* logo gold */
  --sev-gold-600: #E6A800;
  --sev-gold-700: #B88500;

  /* Neutrals */
  --sev-ink:      #0A1535;
  --sev-ink-soft: #1A2347;
  --sev-paper:    #FFFFFF;
  --sev-paper-2:  #F6F8FF;
  --sev-paper-3:  #ECF0FE;
  --sev-line:     rgba(10, 21, 53, 0.08);
  --sev-line-2:   rgba(10, 21, 53, 0.14);

  /* Dark surface */
  --sev-night:    #050B25;
  --sev-night-2:  #0A1438;
  --sev-night-3:  #131E4C;
  --sev-glow:     rgba(74, 108, 255, 0.45);

  /* Type — matches operacaoseverinoapp.netlify.app reference */
  --font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --font-body:    "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

/* Reset */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }

/* Utility — grid background pattern */
.sev-grid-bg {
  background-image:
    linear-gradient(rgba(74, 108, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(74, 108, 255, 0.06) 1px, transparent 1px);
  background-size: 56px 56px;
}

.sev-grid-bg-dark {
  background-image:
    linear-gradient(rgba(120, 152, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 152, 255, 0.08) 1px, transparent 1px);
  background-size: 64px 64px;
}

/* Noise overlay */
.sev-noise::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.04;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.7'/></svg>");
}