/* LastMile Custom Theme - Design Token Overrides */

:root {
    /* Primary Brand Color - Your Teal/Turquoise */
    --lastmile-primary: #1b9baf;
    --lastmile-primary-hover: #157a8a;
    --lastmile-primary-active: #2a8193;
    --lastmile-primary-light: #e8f4f8;

    /* Override FluentUI Accent Colors */
    --accent-fill-rest: #1b9baf !important;
    --accent-fill-hover: #157a8a;
    --accent-fill-active: #2a8193;
    --accent-fill-focus: #1b9baf;

    --accent-foreground-rest: #1b9baf;
    --accent-foreground-hover: #157a8a;
    --accent-foreground-active: #2a8193;

    /* Button specific overrides */
    --neutral-fill-stealth-rest: #f5f5f5;
    --neutral-fill-stealth-hover: #e8e8e8;
    --neutral-fill-stealth-active: #d8d8d8;

    /* Progress Ring */
    --accent-stroke-color: #1b9baf;

    /* Additional Status Colors */
    --success-color: #1BB98D;
    --warning-color: #ffa500;
    --error-color: #d13438;
}

/* Apply accent color to all FluentUI accent components */
fluent-button[appearance="accent"] {
    --accent-fill-rest: #1b9baf;
    --accent-fill-hover: #157a8a;
    --accent-fill-active: #2a8193;
}
svg {
    --accent-fill-rest: #1b9baf !important;
}
fluent-badge[appearance="accent"] {
    --accent-fill-rest: #1b9baf;
}

fluent-progress-ring {
    --accent-fill-rest: #1b9baf;
}

/* Custom utility classes */
.bg-primary {
    background-color: #1b9baf !important;
}

.text-primary {
    color: #1b9baf !important;
}

.border-primary {
    border-color: #1b9baf !important;
}

/* Override inline styles (for backward compatibility) */
.progress-ring-color {
    color: #1b9baf !important;
}

/* Button with BackgroundColor attribute override */
fluent-button[style*="background-color"],
.fluent-button[style*="background-color"] {
    --accent-fill-rest: #1b9baf;
    --accent-fill-hover: #157a8a;
    --accent-fill-active: #2a8193;
}