/* ========================================
   Enerinno design variables
======================================== */

:root {
    /* Brand colors */
    --enerinno-orange: #ff4f12;
    --enerinno-orange-dark: #df3d00;
    --enerinno-orange-soft: #fff1eb;
    --enerinno-orange-pale: #fff8f5;

    /* Text colors */
    --enerinno-ink: #202735;
    --enerinno-heading: #171d29;
    --enerinno-gray: #667085;

    /* Background and border colors */
    --enerinno-gray-light: #eef1f4;
    --enerinno-border: #e2e6eb;
    --enerinno-surface: #ffffff;
    --enerinno-background: #f7f8fa;

    /* Status colors */
    --enerinno-success: #16835c;
    --enerinno-danger: #c93636;

    /* Shadows */
    --shadow-sm:
        0 4px 16px rgba(24, 32, 45, 0.06);

    --shadow-md:
        0 14px 40px rgba(24, 32, 45, 0.09);

    /* Layout */
    --content-width: 1400px;

    /* Primary buttons */
    --button-primary: #ff4f12;
    --button-primary-hover: #df3d00;

    --button-primary-shadow:
        0 9px 22px rgba(255, 79, 18, 0.20);

    /* Secondary buttons */
    --button-secondary-text: #303846;
    --button-secondary-border: #aeb7c1;
    --button-secondary-background: #ffffff;
}