.theme-efc {
    /* ========================================
     * TYPOGRAPHY - Font Families
     * ======================================== */
    --typography-font-family-primary: 'Monument Extended', sans-serif;
    --typography-font-family-secondary: 'Space Grotesk', sans-serif;

    /* Neutral Colors - Complete scale (same as other themes) */
    --neutral-50: #ffffff;
    --neutral-100: #fcfcfc;
    --neutral-200: #f5f5f5;
    --neutral-300: #f0f0f0;
    --neutral-400: #d9d9d9;
    --neutral-500: #bfbfbf;
    --neutral-600: #8c8c8c;
    --neutral-700: #595959;
    --neutral-800: #454545;
    --neutral-900: #262626;
    --neutral-950: #141414;
    --neutral-1000: #000000;

    /* Primary Colors - Complete scale (same as other themes) */
    --primary-50: #fae6e8;
    --primary-100: #f0b1b7;
    --primary-200: #e98c94;
    --primary-300: #e05764;
    --primary-400: #d93645;
    --primary-500: #d00417;
    --primary-600: #bd0415;
    --primary-700: #940310;
    --primary-800: #72020d;
    --primary-900: #57020a;

    /* Black Colors - Complete scale (same as other themes) */
    --black-50: #e6e6e6;
    --black-100: #b0b0b0;
    --black-200: #8a8a8a;
    --black-300: #545454;
    --black-400: #333333;
    --black-500: #000000;
    --black-600: #000000;
    --black-700: #000000;
    --black-800: #000000;
    --black-900: #000000;

    /* White Colors - Complete scale (same as other themes) */
    --white-50: #ffffff;
    --white-100: #ffffff;
    --white-200: #ffffff;
    --white-300: #ffffff;
    --white-400: #ffffff;
    --white-500: #ffffff;
    --white-600: #e8e8e8;
    --white-700: #b5b5b5;
    --white-800: #8c8c8c;
    --white-900: #6b6b6b;

    /* Success Colors (Green) - Complete scale (same as other themes) */
    --success-50: #e0f8f3;
    --success-100: #c6eada;
    --success-200: #aadfc8;
    --success-300: #84d1af;
    --success-400: #6cc89f;
    --success-500: #47ba87;
    --success-600: #41a97b;
    --success-700: #328460;
    --success-800: #27664a;
    --success-900: #1e4e39;

    /* Warning Colors (Yellow) - Complete scale (same as other themes) */
    --warning-50: #fef6e6;
    --warning-100: #fde3b1;
    --warning-200: #fcd68c;
    --warning-300: #fac357;
    --warning-400: #f9b736;
    --warning-500: #f8a504;
    --warning-600: #e29604;
    --warning-700: #b07503;
    --warning-800: #885b02;
    --warning-900: #684502;

    /* Error Colors (Red) - Complete scale (same as other themes) */
    --error-50: #fae9e8;
    --error-100: #eebbb8;
    --error-200: #e69b95;
    --error-300: #db6d65;
    --error-400: #d45147;
    --error-500: #c92519;
    --error-600: #b72217;
    --error-700: #8f1a12;
    --error-800: #6f140e;
    --error-900: #54100b;

    /* Base Colors (RGB format for Tailwind) */
    --base-0: 253 251 255;
    --base-950: 2 2 2;
    
    /* Background & Foreground - Using theme colors */
    --background: var(--neutral-1000);
    --foreground: var(--neutral-200);

    /* Gradient - Blue/Turquoise variant */
    --gradient-primary-secondary: linear-gradient(112deg, var(--primary-500) 0%, var(--secondary-600) 100%);
    
    /* Interaction States - Blue variant */
    --color-focus-outline: var(--primary-300);
    --color-hover-overlay: rgba(253, 251, 255, 0.08);
    --color-active-overlay: rgba(253, 251, 255, 0.16);
    
    /* Accent colors - Lighter blue for better visibility */
    --color-accent: var(--primary-300);
    --color-accent-hover: var(--primary-200);
    
    /* Overlays */
    --color-overlay-dark: rgba(2, 2, 2, 0.8);
    --color-overlay-medium: rgba(0, 0, 0, 0.5);
    
    /* Input specific */
    --color-input-caret: var(--primary-500);
    --color-input-border-default: var(--neutral-800);
    --color-input-border-error: var(--error-500);

    /* Semantic Tokens - Text Colors */
    --color-text-base: var(--neutral-100);
    --color-text-base-op-48: rgba(253, 251, 255, 0.48);
    --color-text-base-op-64: rgba(253, 251, 255, 0.64);
    --color-text-base-op-88: rgba(253, 251, 255, 0.88);
    
    /* Semantic Tokens - Borders */
    --color-border-base-op-16: rgba(253, 251, 255, 0.16);
    --color-border-base-op-32: rgba(253, 251, 255, 0.32);
    --color-border-base-op-08: rgba(253, 251, 255, 0.08);

    /* Adaptive Semantic Colors - Ensure contrast */
    --color-mode: dark; /* Theme type: dark or light */
    --color-background: var(--neutral-1000); /* Main background */
    --color-foreground: rgb(var(--base-0)); /* Main text color */
    --color-surface: var(--neutral-900); /* Elevated surface (cards, etc) */
    --color-on-surface: rgb(var(--base-0)); /* Text on elevated surfaces */
    --color-muted: var(--neutral-700); /* Secondary text */
    --color-border: var(--neutral-800); /* Default borders */
}