/* Binaria — color tokens (tokens/colors.css)
   Paleta alpina-mediterrània: base off-white càlida, text granit,
   verd bosc primari, blau pissarra secundari, ambre alba. Mai neó.
   Font de veritat: Design System Binaria (workspace). No editar valors aquí
   sense propagar-los des del design system. */
:root {
  /* Base — paper & stone */
  --paper: #FAF8F4;
  --paper-2: #F4F0E8;
  --stone-1: #EAE4D8;
  --stone-2: #DAD2C2;
  --stone-3: #BDB3A0;

  /* Escala de text granit */
  --ink: #1E1E1C;
  --ink-2: #4B4A45;
  --ink-3: #807D73;

  /* Verd bosc — accent primari */
  --forest: #2D5A46;
  --forest-deep: #1E4032;
  --forest-soft: #7C9C8C;
  --forest-tint: #E4ECE6;

  /* Blau pissarra — accent secundari */
  --slate: #46687D;
  --slate-deep: #34505F;
  --slate-tint: #E3EBF0;

  /* Gel i alba */
  --ice: #C2D8E1;
  --ice-tint: #EBF2F5;
  --amber: #D99C43;
  --amber-tint: #F6EAD3;

  /* Estats semàntics */
  --success: var(--forest);
  --warning: #B0761F;
  --error: #A94A33;

  /* Àlies semàntics */
  --text-body: var(--ink);
  --text-secondary: var(--ink-2);
  --text-muted: var(--ink-3);
  --text-inverse: var(--paper);
  --text-accent: var(--forest);
  --surface-page: var(--paper);
  --surface-card: #FFFFFF;
  --surface-sunken: var(--paper-2);
  --surface-inverse: var(--ink);
  --accent-primary: var(--forest);
  --accent-secondary: var(--slate);
  --border-subtle: rgba(30, 30, 28, 0.08);
  --border-strong: rgba(30, 30, 28, 0.18);
  --focus-ring: 0 0 0 3px rgba(45, 90, 70, 0.28);

  /* Traços de textura topogràfica (línies 1px, 5–10% d'opacitat) */
  --topo-stroke-green: rgba(45, 90, 70, 0.09);
  --topo-stroke-grey: rgba(30, 30, 28, 0.06);

  /* Gradients alpins — suaus, de baixa opacitat, mai neó */
  --gradient-alpine: linear-gradient(120deg, #2D5A46 0%, #46687D 40%, #C2D8E1 72%, #D99C43 100%);
  --mesh-dawn:
    radial-gradient(42% 55% at 18% 22%, rgba(45, 90, 70, 0.16) 0%, transparent 70%),
    radial-gradient(50% 60% at 82% 18%, rgba(194, 216, 225, 0.55) 0%, transparent 70%),
    radial-gradient(45% 55% at 72% 78%, rgba(217, 156, 67, 0.14) 0%, transparent 70%),
    radial-gradient(38% 48% at 28% 82%, rgba(70, 104, 125, 0.14) 0%, transparent 70%);
  --mesh-forest:
    radial-gradient(50% 65% at 20% 30%, rgba(45, 90, 70, 0.22) 0%, transparent 70%),
    radial-gradient(45% 55% at 80% 25%, rgba(70, 104, 125, 0.18) 0%, transparent 70%),
    radial-gradient(40% 50% at 65% 85%, rgba(194, 216, 225, 0.45) 0%, transparent 70%);
}