/* public/css/main.css */
/* Fonts + color tokens. Page-specific styles live in Twig files. */

/* Webfont imports (Google Fonts; use <link> if tu préfères) */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Source+Sans+3:wght@400;600;700&display=swap');

:root{
    /* Brand colors (déjà présents, on les garde) */
    --color-primary: #2e7d32;
    --color-primary-600: #1b5e20;
    --color-secondary: #64748b;
    --color-accent: #84cc16;

    --color-bg: #ffffff;
    --color-surface: #ffffff;
    --color-text: #111827;
    --color-muted: #6b7280;

    --color-border: color-mix(in oklab, var(--color-text), var(--color-bg) 88%);

    /* Reusable subtle surface and shadow */
    --color-surface-soft: color-mix(in srgb, var(--color-surface), var(--color-text) 8%);
    --shadow-weak: rgba(0,0,0,.06);

    /* Typography tokens */
    --font-heading: "Quicksand", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    --font-body: "Source Sans 3", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    /* Optional rhythm */
    --line-body: 1.6;
    --line-heading: 1.1;
}

/* Minimal, site-wide application */
html { text-size-adjust: 100%; }
body {
    font-family: var(--font-body);
    line-height: var(--line-body);
    background: var(--color-bg);
    color: var(--color-text);
    margin: 0;
}

/* Headings & key UI labels pick the friendly heading font */
h1,h2,h3,h4,h5,h6,
.page-title,.card-title,.brand-text {
    font-family: var(--font-heading);
    line-height: var(--line-heading);
}