:root {
    /* Colors */
    --primary-color: hsl(136, 51%, 35%);
    --primary-hover: #CDFEBD;
    --bg-color: hsl(60, 17%, 94%);
    --dark-black: #000;
    --white: #fafaf9;
    --mid-black: #202020;
    --secondary-black: #404040;
    --light-black: #606060;
    --text-muted: #808080;
    --border-light: hsl(0, 0%, 80%);
    --border-warm: #ebe5e0;

    /* Typography */
    --font-heading: "Hanken Grotesk", sans-serif;
    --font-body: "Hanken Grotesk", sans-serif;
    --font-mono: "Geist Mono", monospace;

    /* Font Sizes */
    --fs-base-px: 16px;
    --fs-xs: 0.875rem;
    --fs-sm: 1rem;
    --fs-base: 1.125rem;
    --fs-md: 1.25rem;
    --fs-lg: 1.5rem;
    --fs-xl: 2rem;
    --fs-xxl: 3rem;
    --fs-xxxl: 3.5rem;

    /* Font Weights */
    --fw-thin: 200;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-black: 900;

    /* Transitions */
    --transition-smooth: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}