/* Shared brand tokens for AS Marketing Digital */
@import url('https://api.fontshare.com/v2/css?f[]=lufga@300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Brand blues — sampled from the logo gradient */
  --ink-0: #05080f;        /* deepest near-black navy */
  --ink-1: #0a1226;        /* primary background */
  --ink-2: #0f1c3d;        /* surface */
  --ink-3: #16275a;        /* surface raised */

  --blue-deep: #1b3a8c;
  --blue-core: #2563eb;
  --blue-bright: #3a8eff;
  --blue-sky: #5fb0ff;

  --cream: #f6f4ee;
  --bone:  #ecead9;

  --line: rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.18);
  --dim: rgba(255,255,255,0.62);
  --dimmer: rgba(255,255,255,0.42);

  --grad-brand: linear-gradient(135deg, #1b3a8c 0%, #2563eb 50%, #5fb0ff 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(27,58,140,0.18), rgba(95,176,255,0.05));

  --font-display: 'Lufga', 'Montserrat', system-ui, sans-serif;
  --font-body: 'Montserrat', system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-body);
  background: var(--ink-1);
  color: white;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }