/**
 * PREVALA — Feuille de style de base du sub-theme.
 *
 * Charge les tokens, puis Tailwind v4 (qui generera ses utilitaires en
 * lisant les @theme directives de tokens.css), puis quelques regles globales
 * minimales (reset, focus, FALC body).
 */

@import url('./tokens.css');

/*
 * NOTE : `@import 'tailwindcss';` est intentionnellement omis a ce stade.
 * Il sera ajoute apres execution de `npm install` + `npm run build` dans le
 * dossier du theme (genere dist/ avec les utilitaires Tailwind compiles).
 * En attendant, les SDC consomment uniquement les CSS variables natives
 * de tokens.css — conforme regle absolue 5 du CLAUDE.md du theme.
 */

/* ---------------------------------------------------------------------
 * Global reset minimaliste (Tailwind preflight applique deja le reset
 * principal, on n'ajoute que des regles complementaires PREVALA).
 * ------------------------------------------------------------------- */

html {
  font-size: 16px;
  text-size-adjust: 100%;
}

body {
  font-family: var(--previensmoi-font-sans);
  font-size: var(--previensmoi-fontsize-lg); /* 18px — preferred FALC body */
  line-height: var(--previensmoi-lineheight-normal);
  color: var(--previensmoi-color-ink-700);
  background: var(--previensmoi-color-paper-50);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--previensmoi-font-title);
  font-weight: var(--previensmoi-fontweight-bold);
  line-height: var(--previensmoi-lineheight-tight);
  color: var(--previensmoi-color-ink-800);
}

/* ---------------------------------------------------------------------
 * Focus visible — RGAA AA, anneau 3px primary-600 sur tous les
 * elements interactifs (focus-visible only, pas focus mousedown).
 * ------------------------------------------------------------------- */

*:focus {
  outline: none;
}

*:focus-visible {
  outline: var(--previensmoi-focus-ring-width) solid
           var(--previensmoi-focus-ring-color);
  outline-offset: var(--previensmoi-focus-ring-offset);
}

/* ---------------------------------------------------------------------
 * Skip link (navigation clavier RGAA 12.10) — visible au focus.
 * ------------------------------------------------------------------- */

.skip-link {
  position: absolute;
  top: -100px;
  left: var(--previensmoi-space-2);
  z-index: var(--previensmoi-z-toast);
  padding: var(--previensmoi-space-2) var(--previensmoi-space-4);
  background: var(--previensmoi-color-ink-800);
  color: var(--previensmoi-color-paper-50);
  text-decoration: none;
  border-radius: var(--previensmoi-radius-md);
  transition: top var(--previensmoi-motion-fast) var(--previensmoi-motion-easing);
}

.skip-link:focus-visible {
  top: var(--previensmoi-space-2);
}