:root {
    /* Green */
    --color-green-75: #DEF7EC;
    --color-green-650: #0E9F6E;

    /* Default */
    --color-default: #ffffff;
    --color-default-hover: #f5f5f5;
    --color-default-fg: #111827;
    --color-default-border: #D1D5DB;
    --color-default-border-focus: #063134;

    /* Error */
    --color-error: #FEF2F2;
    --color-error-hover: #FEE2E2;
    --color-error-fg: #B91C1C;
    --color-error-border: #EF4444;

    /* Disabled */
    --color-disabled: #E5E7EB;
    --color-disabled-fg: #9CA3AF;
    --color-disabled-border: #D1D5DB;

    /* Primary */
    --color-primary: #063134;
    --color-primary-hover: #042224;
    --color-primary-fg: #ffffff;
    --color-primary-border: #063134;

    /* Secondary */
    --color-secondary: #ffffff;
    --color-secondary-hover: #f5f5f5;
    --color-secondary-fg: #111827;
    --color-secondary-border: #D1D5DB;

    /* Destructive */
    --color-destructive: #B91C1C;
    --color-destructive-hover: #991B1B;
    --color-destructive-fg: #ffffff;
    --color-destructive-border: #B91C1C;

    /* Highlight */
    --color-highlight: #D1FC8A;
    --color-highlight-hover: #C4F871;
}