/* tokens.css — Design tokens, reset, base styles */

:root {
    --jade-deep: #1a3a2f;
    --jade-medium: #2d5a4a;
    --jade-light: #4a7c6a;
    --jade-pale: #e8f0ed;
    --jade-whisper: #f4f8f6;
    --white: #ffffff;
    --off-white: #fafbfa;
    --grey-100: #f5f6f5;
    --grey-200: #e8eae8;
    --grey-300: #d1d5d3;
    --grey-400: #9ca39f;
    --grey-500: #6b756e;
    --grey-600: #4a524c;
    --grey-700: #2d332f;
    --grey-900: #1a1d1b;
    --gold: #c4a265;
    --gold-light: #d9c08c;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
*:focus-visible { outline: 2px solid var(--jade-medium); outline-offset: 2px; }

body {
    font-family: 'Inter', -apple-system, sans-serif;
    background: var(--white);
    color: var(--grey-700);
    line-height: 1.7;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}