@import url("https://ideaboxes-app-assets.s3.us-east-1.amazonaws.com/website/Sofia+Pro+woff/Sofia+Pro+Regular+Az.woff");
@import url("https://ideaboxes-app-assets.s3.us-east-1.amazonaws.com/website/Sofia+Pro+woff/Sofia+Pro+Regular+Az.woff");
@import url("https://ideaboxes-app-assets.s3.us-east-1.amazonaws.com/website/Sofia+Pro+woff/Sofia+Pro+Bold+Az.woff");
@import url("https://ideaboxes-app-assets.s3.us-east-1.amazonaws.com/website/Sofia+Pro+woff/Sofia+Pro+Light+Az.woff");
@import url("https://ideaboxes-app-assets.s3.us-east-1.amazonaws.com/website/Sofia+Pro+woff/Sofia+Pro+Semi+Bold+Az.woff");

:root {
    --color-primary-foreground: #ffffff;
    --color-primary-hover: #d000bc;
    --color-primary-active: #5e35d6;
    --color-primary-disabled: #d9d9d9;
    --color-secondary-foreground: #f8fafc;
    --color-secondary-hover: #475569;
    --color-secondary-active: #334155;
    --color-secondary-disabled: #e9ecef;
    --color-tertiary-foreground: #334155;
    --color-tertiary-hover: #e2e8f0;
    --color-tertiary-active: #cbd5e1;
    --color-tertiary-disabled: #f8f9fa;
    --color-accent-foreground: #334155;
    --color-accent-hover: #f1f5f9;
    --color-accent-active: #e2e8f0;
    --color-accent-disabled: #ffffff;
    --color-success-foreground: #ffffff;
    --color-error-foreground: #ffffff;
    --color-warning-foreground: #212529;
    --color-info-foreground: #212529;
    --color-text-primary: #1e2235;
    --color-text-secondary: #4a5568;
    --color-text-tertiary: #495057;
    --color-text-muted: #adb5bd;
    --color-text-disabled: #ced4da;
    --color-surface: #ffffff;
    --color-surface-hover: #f8f9fa;
    --color-muted-foreground: #8a8a8a;
    --color-card-foreground: #212529;
    --color-popover-foreground: #212529;
    --color-button-primary-background: #9635d6;
    --color-button-primary-foreground: #ffffff;
    --color-button-primary-hover: #d000bc;
    --color-button-primary-active: #5e35d6;
    --color-button-primary-disabled: #d9d9d9;
    --color-button-secondary-background: #2d3748;
    --color-button-secondary-foreground: #ffffff;
    --color-button-secondary-hover: #3d4a5c;
    --color-button-secondary-active: #334155;
    --color-button-secondary-disabled: #e9ecef;
    --color-button-outline-border: #dee2e6;
    --color-button-outline-foreground: #212529;
    --color-button-outline-hover-background: #f8f9fa;
    --color-button-outline-hover-border: #dee2e6;
    --color-button-ghost-hover-background: #f8f9fa;
    --color-button-ghost-active-background: #e9ecef;
    --color-button-danger-background: #dc3545;
    --color-button-danger-foreground: #ffffff;
    --color-button-danger-hover: #c82333;
    --color-button-danger-active: #bd2130;
    --color-border-hover: #ced4da;
    --color-input-border: #dee2e6;
    --color-input-focus: #9635d6;
    --color-primary: #9635d6;
    --color-secondary: #2d3748;
    --color-tertiary: #f1f5f9;
    --color-accent: #ff1765;
    --color-success: #198754;
    --color-error: #dc3545;
    --color-warning: #ffc107;
    --color-info: #0dcaf0;
    --color-muted: #f8f9fa;
    --color-background: #ffffff;
    --color-border: #e2e8f0;
    --color-input: #ffffff;
    --color-ring: #9635d6;
    --color-card: #ffffff;
    --color-popover: #ffffff;
    --color-group-1: #292947;
    --color-group-2: #453580;
    --color-group-3: #5e35d6;
    --color-group-4: #9635d6;
    --color-group-5: #d000bc;
    --color-group-6: #ee3bda;
    --color-group-7: #ff438b;
    --color-group-8: #ff1765;
    --color-group-9: #6b7280;
    --color-group-10: #65a30d;
    --color-group-11: #4f46e5;
    --color-group-12: #e11d48;
    --color-group-13: #0284c7;
    --color-group-14: #047857;
    --color-group-15: #c026d3;
    --color-group-16: #6d28d9;
    --color-group-17: #475569;
    --color-group-18: #ca8a04;
    --color-group-19: #71717a;
    --color-group-20: #0d9488;
    --color-group-21: #0ea5e9;
    --color-group-22: #ea580c;
    --color-group-23: #4d7c0f;
    --color-group-24: #52525b;
    --font-primary: "Sofia Pro", ui-sans-serif, system-ui, sans-serif;
    --font-secondary: "Sofia Pro", ui-sans-serif, system-ui, sans-serif;
    --font-display: "Sofia Pro", ui-serif, Georgia, serif;
    --font-monospace: "Sofia Pro", ui-monospace, SFMono-Regular, monospace;
    --font-accent: "Sofia Pro", ui-serif, Georgia, serif;
    --text-base: 13px;
    --text-caption: 0.75rem;
    --text-small: 1rem;
    --text-body: 1.125rem;
    --text-lead: 1.150rem;
    --text-subheading: 1.25rem;
    --text-heading: 1.5rem;
    --text-title: 2.25rem;
    --text-display: 2.25rem;
    --text-hero: 3rem;

}

/* Dark Mode Overrides — system preference */
@media (prefers-color-scheme: dark) {
    :root {
        --color-primary-foreground: #ffffff;
        --color-primary-hover: #b24cef;
        --color-primary-active: #7428b2;
        --color-primary-disabled: #4a5168;
        --color-secondary-foreground: #f5f8ff;
        --color-secondary-hover: #2b3350;
        --color-secondary-active: #202944;
        --color-secondary-disabled: #3f4861;
        --color-tertiary-foreground: #e2e8f7;
        --color-tertiary-hover: #2e3856;
        --color-tertiary-active: #242e4a;
        --color-tertiary-disabled: #3a445f;
        --color-accent-foreground: #ffffff;
        --color-accent-hover: #ff6ca7;
        --color-accent-active: #d83a78;
        --color-accent-disabled: #49526b;
        --color-success-foreground: #ffffff;
        --color-error-foreground: #ffffff;
        --color-warning-foreground: #111827;
        --color-info-foreground: #ffffff;
        --color-text-primary: #ffffff;
        --color-text-secondary: #cbd3e5;
        --color-text-tertiary: #a9b4ca;
        --color-text-muted: #8c98b1;
        --color-text-disabled: #626d86;
        --color-surface: #171c2e;
        --color-surface-hover: #1f2740;
        --color-muted-foreground: #9aa6bf;
        --color-card-foreground: #e8eefa;
        --color-popover-foreground: #e8eefa;
        --color-button-primary-background: #8d3ed0;
        --color-button-primary-foreground: #ffffff;
        --color-button-primary-hover: #9b44d8;
        --color-button-primary-active: #742db3;
        --color-button-primary-disabled: #4a5168;
        --color-button-secondary-background: #243251;
        --color-button-secondary-foreground: #f5f8ff;
        --color-button-secondary-hover: #2d3d5e;
        --color-button-secondary-active: #203050;
        --color-button-secondary-disabled: #3f4861;
        --color-button-outline-border: #56617d;
        --color-button-outline-foreground: #e8eefa;
        --color-button-outline-hover-background: #222d49;
        --color-button-outline-hover-border: #7884a4;
        --color-button-ghost-hover-background: #212b46;
        --color-button-ghost-active-background: #2a3654;
        --color-button-danger-background: #bf3b59;
        --color-button-danger-foreground: #ffffff;
        --color-button-danger-hover: #c33f5d;
        --color-button-danger-active: #a8324d;
        --color-border-hover: #6c7898;
        --color-input-border: #4d5976;
        --color-input-focus: #a651e1;
        --color-primary: #8d3ed0;
        --color-secondary: #243251;
        --color-tertiary: #2a3654;
        --color-accent: #e54784;
        --color-success: #187446;
        --color-error: #bf3b59;
        --color-warning: #f3c74a;
        --color-info: #0a76c0;
        --color-muted: #1a2339;
        --color-background: #0f1424;
        --color-border: #33405e;
        --color-input: #141c30;
        --color-ring: #b468f0;
        --color-card: #171c2e;
        --color-popover: #1b2135;
        --color-group-1: #7182ff;
        --color-group-2: #8d63ff;
        --color-group-3: #a95bfa;
        --color-group-4: #c639e2;
        --color-group-5: #e12895;
        --color-group-6: #f64b6c;
        --color-group-7: #ff7393;
        --color-group-8: #ff8a2f;
        --color-group-9: #a5b0c7;
        --color-group-10: #94d31a;
        --color-group-11: #6faefc;
        --color-group-12: #ff5e9c;
        --color-group-13: #2ed6f2;
        --color-group-14: #3dd8a4;
        --color-group-15: #ee84fb;
        --color-group-16: #ae94ff;
        --color-group-17: #9bccff;
        --color-group-18: #ffd44a;
        --color-group-19: #d4d6df;
        --color-group-20: #31d9c5;
        --color-group-21: #4ccbff;
        --color-group-22: #ff9d4a;
        --color-group-23: #aee64c;
        --color-group-24: #ca93ff;
    }
}

/* Dark class override for manual dark mode — applied to <html class="dark"> */
:root.dark {
    --color-primary-foreground: #ffffff;
    --color-primary-hover: #b24cef;
    --color-primary-active: #7428b2;
    --color-primary-disabled: #4a5168;
    --color-secondary-foreground: #f5f8ff;
    --color-secondary-hover: #2b3350;
    --color-secondary-active: #202944;
    --color-secondary-disabled: #3f4861;
    --color-tertiary-foreground: #e2e8f7;
    --color-tertiary-hover: #2e3856;
    --color-tertiary-active: #242e4a;
    --color-tertiary-disabled: #3a445f;
    --color-accent-foreground: #ffffff;
    --color-accent-hover: #ff6ca7;
    --color-accent-active: #d83a78;
    --color-accent-disabled: #49526b;
    --color-success-foreground: #ffffff;
    --color-error-foreground: #ffffff;
    --color-warning-foreground: #111827;
    --color-info-foreground: #ffffff;
    --color-text-primary: #ffffff;
    --color-text-secondary: #cbd3e5;
    --color-text-tertiary: #a9b4ca;
    --color-text-muted: #8c98b1;
    --color-text-disabled: #626d86;
    --color-surface: #171c2e;
    --color-surface-hover: #1f2740;
    --color-muted-foreground: #9aa6bf;
    --color-card-foreground: #e8eefa;
    --color-popover-foreground: #e8eefa;
    --color-button-primary-background: #8d3ed0;
    --color-button-primary-foreground: #ffffff;
    --color-button-primary-hover: #9b44d8;
    --color-button-primary-active: #742db3;
    --color-button-primary-disabled: #4a5168;
    --color-button-secondary-background: #243251;
    --color-button-secondary-foreground: #f5f8ff;
    --color-button-secondary-hover: #2d3d5e;
    --color-button-secondary-active: #203050;
    --color-button-secondary-disabled: #3f4861;
    --color-button-outline-border: #56617d;
    --color-button-outline-foreground: #e8eefa;
    --color-button-outline-hover-background: #222d49;
    --color-button-outline-hover-border: #7884a4;
    --color-button-ghost-hover-background: #212b46;
    --color-button-ghost-active-background: #2a3654;
    --color-button-danger-background: #bf3b59;
    --color-button-danger-foreground: #ffffff;
    --color-button-danger-hover: #c33f5d;
    --color-button-danger-active: #a8324d;
    --color-border-hover: #6c7898;
    --color-input-border: #4d5976;
    --color-input-focus: #a651e1;
    --color-primary: #8d3ed0;
    --color-secondary: #243251;
    --color-tertiary: #2a3654;
    --color-accent: #e54784;
    --color-success: #187446;
    --color-error: #bf3b59;
    --color-warning: #f3c74a;
    --color-info: #0a76c0;
    --color-muted: #1a2339;
    --color-background: #0f1424;
    --color-border: #33405e;
    --color-input: #141c30;
    --color-ring: #b468f0;
    --color-card: #171c2e;
    --color-popover: #1b2135;
    --color-group-1: #7182ff;
    --color-group-2: #8d63ff;
    --color-group-3: #a95bfa;
    --color-group-4: #c639e2;
    --color-group-5: #e12895;
    --color-group-6: #f64b6c;
    --color-group-7: #ff7393;
    --color-group-8: #ff8a2f;
    --color-group-9: #a5b0c7;
    --color-group-10: #94d31a;
    --color-group-11: #6faefc;
    --color-group-12: #ff5e9c;
    --color-group-13: #2ed6f2;
    --color-group-14: #3dd8a4;
    --color-group-15: #ee84fb;
    --color-group-16: #ae94ff;
    --color-group-17: #9bccff;
    --color-group-18: #ffd44a;
    --color-group-19: #d4d6df;
    --color-group-20: #31d9c5;
    --color-group-21: #4ccbff;
    --color-group-22: #ff9d4a;
    --color-group-23: #aee64c;
    --color-group-24: #ca93ff;
}