/* Rekotla : tokens partagés, extraits du design system 7 (univers agri, mode clair). Source de vérité : Projects/branding-rekotla/design-system_7.html. Ne pas modifier ici, recopier. */ :root { --font-ui: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-logo: 'Montserrat', var(--font-ui); --range-100: #e7f5ec; --range-1: #006f4f; --range-2: #00814e; --range-3: #00934d; --range-4: #35b449; --range-500: #00a74b; --range-5: #7ec046; --range-6: #c0cd41; --color-primary: var(--range-500); --color-primary-pressed: var(--range-2); --gradient: linear-gradient(180deg, var(--range-500) 0%, var(--range-1) 100%); --ink-900: #1f2124; --ink-600: #63666c; --ink-400: #9a9ea6; --border: #e2e4e8; --surface: #ffffff; /* --surface-1 du DS : cartes et composants */ --surface-0: #f4f5f7; /* fond de page en creux */ --surface-2: #eef0f2; /* fond en creux : tables, champs remplis */ --surface-soft: var(--surface-0); --danger: #E5372C; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px; --radius-pill: 100px; /* Alias marketing du DS 7 : --r composants, --rlg cartes larges, --rpill boutons et badges, --rapp app icon */ --r: 12px; --rlg: 20px; --rpill: 100px; --rapp: 22px; --shadow-sm: 0 1px 2px rgba(0,0,0,.06); --shadow-md: 0 6px 20px rgba(0,0,0,.10); --control-h: 56px; --control-h-sm: 40px; --icon-size: 24px; --icon-btn: 44px; --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --measure: 62ch; } /* Univers (DS 7) : la rampe par défaut ci-dessus est Rekotla Agri. Poser data-theme sur pour changer d'univers, tout le site suit (boutons, kickers, cartes, hero, mark). Prévu pour la marque ombrelle et les déclinaisons pêche / commerce. */ [data-theme="rekotla-agri"] { --range-1: #006f4f; --range-2: #00814e; --range-3: #00934d; --range-500: #00a74b; --range-4: #35b449; --range-5: #7ec046; --range-6: #c0cd41; --range-100: #e7f5ec; } [data-theme="rekotla-peche"] { --range-1: #0a4d74; --range-2: #0c5f89; --range-3: #0c719c; --range-500: #258baf; --range-4: #3c9ebb; --range-5: #62b8ca; --range-6: #79ccd5; --range-100: #e9f3f7; } [data-theme="rekotla"] { --range-1: #6c2d2a; --range-2: #883a33; --range-3: #a5483b; --range-500: #c15545; --range-4: #cd6c49; --range-5: #cf8c4e; --range-6: #d7a553; --range-100: #f9eeec; }