/*
 * Design tokens for Twa ABA Di Commodities.
 * Colour palette derived from the company logo — keep this file as the
 * single source of truth so every page/component stays consistent.
 */

:root {
    /* Brand palette */
    --color-primary: #2E7D32;      /* Primary Green */
    --color-primary-dark: #1E5B22;
    --color-secondary: #4CAF50;    /* Secondary Green */
    --color-brown: #8D6E63;
    --color-golden: #D4A017;
    --color-cream: #FFF8E8;        /* Light Cream */
    --color-white: #FFFFFF;

    /* Neutrals (kept warm/light per "avoid dark themes") */
    --color-text: #2B2B26;
    --color-text-muted: #6B6B63;
    --color-border: #E7E0CF;

    /* Feedback */
    --color-success: var(--color-secondary);
    --color-danger: #C0392B;
    --color-warning: var(--color-golden);

    /* Typography */
    --font-family-base: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;

    /* Spacing scale */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;
    --space-2xl: 6rem;

    /* Shape / elevation */
    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --shadow-sm: 0 2px 8px rgba(43, 43, 38, 0.06);
    --shadow-md: 0 8px 24px rgba(43, 43, 38, 0.10);
    --shadow-lg: 0 16px 40px rgba(43, 43, 38, 0.14);

    /* Motion */
    --transition-fast: 0.2s ease;
    --transition-base: 0.35s ease;

    /* Layout */
    --header-height: 80px;
    --container-max: 1320px;
}