/* The site's tokens: the app's design system (docs/diseno/README.md in the
   app repository), always dark. Every page links this file first. */
:root {
  color-scheme: dark;
  --bg: #000;
  --glow-1: #0F3A31;
  --glow-2: #06171A;
  --surface: rgba(255,255,255,.045);
  --surface-strong: rgba(255,255,255,.08);
  --raised: rgba(16,24,24,.96);
  --line: rgba(255,255,255,.08);
  --line-strong: rgba(255,255,255,.15);
  --text: #EEF2F1;
  --text-2: #C2CBC9;
  --text-3: #A6B2AF;
  --dim: rgba(238,242,241,.32);
  --accent: #6FD1B0;
  --accent-2: #9BE3CA;
  --ok: #4FD1A1;
  --warn: #F0A020;
  --warn-text: #F5B847;
  --danger: #F2766B;
  --danger-text: #F79C93;
  --info: #7FA8FF;
  --locked: #9AA5A2;
  --on-brand: #032119;
  --brand: linear-gradient(135deg, #8BE0B8, #3FBF97 55%, #3A9DB5);

  --display: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --body: -apple-system, system-ui, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --gutter: clamp(16px, 4vw, 48px);
  --rail: 0px;
  --ease: cubic-bezier(.16, 1, .3, 1);
}