/* Tokens de marca — Código Creativo
   Ámbar = el foco del logo (creatividad). Cian = datos / tecnología. */
:root {
  --bg: #05070D;
  --bg-raise: #0B111E;
  --ink: #F2F4F8;
  --ink-2: rgba(242, 244, 248, 0.64);
  --ink-3: rgba(242, 244, 248, 0.38);
  --line: rgba(242, 244, 248, 0.12);

  --amber: #F7A928;
  --amber-soft: #FFD27A;
  --cyan: #3DD6F5;

  --paper: #F3F2EE;
  --paper-ink: #0B0C10;
  --paper-ink-2: rgba(11, 12, 16, 0.58);
  --paper-line: rgba(11, 12, 16, 0.16);

  --f-display: 'Archivo', system-ui, sans-serif;
  --f-body: 'Archivo', system-ui, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --gutter: clamp(16px, 4vw, 56px);
  --edge-top: clamp(96px, 15vh, 150px);
  --edge-bottom: clamp(56px, 10vh, 110px);
  --ease-out: cubic-bezier(.16, 1, .3, 1);

  color-scheme: dark;
}