/* Explain: Theme design tokens, including primary and secondary brand colors. - */
:root {
    --slate-gray: #708090;
    --brick-red: #2563eb;
    --pure-white: #FFFFFF;
    --steel-dark: #1f2933;
    --storm-gray: #4b5563;
    --roof-black: #111827;

    --eucalyptus: #708090;
    --eucalyptus-hover: #5f6e7c;
    --sand: #e5e7eb;
    --cloud: #FFFFFF;
    --dusk: #2563eb;
    --charcoal: #1f2933;

    --primary-color: #a4e43f;
    --primary-hover: #8bce22;
    --secondary-color: #0d274d;
    --accent-color: #a4e43f;
    --background-color: #FFFFFF;
    --surface-color: #ffffff;
    --text-color: #1f2933;
    --text-muted: #4b5563;
    --border-color: #d1d5db;
    --font-heading: 'Anton', sans-serif;
    --font-body: 'Lato', sans-serif;
}