:root {
    --fh-radius-sm: 6px;
    --fh-radius-md: 9px;
    --fh-radius-lg: 12px;
    --fh-radius-pill: 999px;

    --fh-space-1: .25rem;
    --fh-space-2: .5rem;
    --fh-space-3: .75rem;
    --fh-space-4: 1rem;
    --fh-space-5: 1.5rem;
    --fh-space-6: 2rem;

    --fh-control-height: 40px;
    --fh-touch-target: 44px;
    --fh-navbar-height: 56px;
    --fh-footer-height: 56px;

    --fh-font-xs: .75rem;
    --fh-font-sm: .875rem;
    --fh-font-md: 1rem;
    --fh-font-lg: 1.2rem;
    --fh-font-xl: 1.45rem;

    --fh-transition-fast: .12s ease;
    --fh-transition-base: .18s ease;
}

[data-fh-theme="light"] {
    color-scheme: light;

    --fh-primary: #2f765a;
    --fh-primary-hover: #28664d;
    --fh-primary-active: #215640;
    --fh-primary-soft: #e5f0eb;
    --fh-primary-border: #b9d5c8;
    --fh-primary-contrast: #ffffff;

    --fh-bg: #f3f5f4;
    --fh-bg-secondary: #ecefed;

    --fh-surface: #ffffff;
    --fh-surface-hover: #f7f9f8;
    --fh-surface-active: #eef3f0;
    --fh-surface-elevated: #ffffff;

    --fh-text: #1c211f;
    --fh-text-secondary: #48514d;
    --fh-text-muted: #68736e;
    --fh-text-disabled: #9aa29e;
    --fh-text-inverse: #ffffff;

    --fh-border: #d5dbd8;
    --fh-border-soft: #e2e7e4;
    --fh-divider: #e2e6e4;

    --fh-navbar-bg: #275f49;
    --fh-navbar-hover: #21513e;
    --fh-navbar-active: #1c4635;
    --fh-navbar-text: #f7faf8;
    --fh-navbar-text-muted: #c9ddd4;
    --fh-navbar-border: #204d3b;

    --fh-success: #3f7d5d;
    --fh-success-soft: #e5f0e9;

    --fh-warning: #b48532;
    --fh-warning-soft: #f6edda;

    --fh-danger: #b95d5d;
    --fh-danger-soft: #f5e5e5;

    --fh-info: #537b96;
    --fh-info-soft: #e6eef3;

    --fh-status-free: #aeb6b2;
    --fh-status-reserved: #7c5fb3;
    --fh-status-open: #3f8f67;
    --fh-status-consumption: #3f78a8;
    --fh-status-closed: #c45c5c;

    --fh-production-new: #75807c;
    --fh-production-progress: #b48532;
    --fh-production-ready: #4f8468;

    --fh-shadow-sm: 0 1px 3px rgba(25, 32, 29, .06), 0 1px 2px rgba(25, 32, 29, .04);
    --fh-shadow-md: 0 4px 12px rgba(25, 32, 29, .08);
    --fh-shadow-lg: 0 10px 28px rgba(25, 32, 29, .12);
}

[data-fh-theme="dark"] {
    color-scheme: dark;

    /* Brand */
    --fh-primary: #65a889;
    --fh-primary-hover: #75b899;
    --fh-primary-active: #559577;
    --fh-primary-soft: #1c3028;
    --fh-primary-border: #395f4f;
    --fh-primary-contrast: #0c1410;

    /* Background neutri, non verdi */
    --fh-bg: #0e1011;
    --fh-bg-secondary: #141719;

    --fh-surface: #191d1f;
    --fh-surface-hover: #202527;
    --fh-surface-active: #272d2f;
    --fh-surface-elevated: #1e2325;

    /* Testi più leggibili */
    --fh-text: #f1f4f3;
    --fh-text-secondary: #d1d7d4;
    --fh-text-muted: #a7b0ac;
    --fh-text-disabled: #747d79;
    --fh-text-inverse: #101312;

    /* Bordi neutri */
    --fh-border: #343a3c;
    --fh-border-soft: #292f31;
    --fh-divider: #2b3133;

    /* Verde rimane elemento identificativo */
    --fh-navbar-bg: #245d47;
    --fh-navbar-hover: #2b6b52;
    --fh-navbar-active: #32785d;
    --fh-navbar-text: #f6faf8;
    --fh-navbar-text-muted: #c5dcd2;
    --fh-navbar-border: #1d4b39;

    /* Semantici */
    --fh-success: #72ae8e;
    --fh-success-soft: #1d3027;

    --fh-warning: #d0a55d;
    --fh-warning-soft: #352d1f;

    --fh-danger: #dc8282;
    --fh-danger-soft: #372323;

    --fh-info: #82a8c1;
    --fh-info-soft: #21303a;

    /* Stati */
    --fh-status-free: #8f9994;
    --fh-status-reserved: #9b7bd1;
    --fh-status-open: #58a879;
    --fh-status-consumption: #4e8fc5;
    --fh-status-closed: #d96b6b;

    --fh-production-new: #929b97;
    --fh-production-progress: #d0a55d;
    --fh-production-ready: #72ae8e;

    --fh-shadow-sm: 0 1px 3px rgba(0, 0, 0, .28);
    --fh-shadow-md: 0 4px 14px rgba(0, 0, 0, .34);
    --fh-shadow-lg: 0 12px 30px rgba(0, 0, 0, .42);
}