/* Centralized theme variables for Workingcouponsite */
:root {
    --color-primary: #FF6B4A; /* coral */
    --color-primary-hover: #FB7185; /* rose */
    --color-primary-dark: #E85535; /* coral-d */
    --color-primary-light: #FFF2EF; /* coral-lt */

    --color-secondary: #1A1A2E; /* ink */
    --color-secondary-muted: #475569; /* slate */

    --color-background: #F8FAFC; /* surface */
    --color-surface: #FFFFFF; /* white */

    --color-text: #1A1A2E; /* ink */
    --color-text-muted: #94A3B8; /* muted */

    --color-border: #E2E8F0; /* border */

    --color-success: #0D9E6E;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
    --color-info: #3B82F6;
}

/* Semantic helper classes to theme Tailwind-like usages */
.theme-primary { background: var(--color-primary) !important; color: #fff !important; }
.theme-primary-hover:hover { background: var(--color-primary-hover) !important; }
.theme-primary-text { color: var(--color-primary) !important; }
.theme-surface { background: var(--color-surface) !important; }
.theme-border { border-color: var(--color-border) !important; }
.theme-text { color: var(--color-text) !important; }
.theme-muted { color: var(--color-text-muted) !important; }

/* Focus ring util */
.theme-focus:focus { box-shadow: 0 0 0 3px rgba(255,107,74,0.12); outline: none; }
/* Centralized theme variables for Workingcouponsite */
:root {
    --color-primary: #FF6B4A; /* coral */
    --color-primary-hover: #FB7185; /* rose */
    --color-primary-dark: #E85535; /* coral-d */
    --color-primary-light: #FFF2EF; /* coral-lt */

    --color-secondary: #1A1A2E; /* ink */
    --color-secondary-muted: #475569; /* slate */

    --color-background: #F8FAFC; /* surface */
    --color-surface: #FFFFFF; /* white */

    --color-text: #1A1A2E; /* ink */
    --color-text-muted: #94A3B8; /* muted */

    --color-border: #E2E8F0; /* border */

    --color-success: #0D9E6E;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
    --color-info: #3B82F6;
}

/* Semantic helper classes to theme Tailwind-like usages */
.theme-primary { background: var(--color-primary) !important; color: #fff !important; }
.theme-primary-hover:hover { background: var(--color-primary-hover) !important; }
.theme-primary-text { color: var(--color-primary) !important; }
.theme-surface { background: var(--color-surface) !important; }
.theme-border { border-color: var(--color-border) !important; }
.theme-text { color: var(--color-text) !important; }
.theme-muted { color: var(--color-text-muted) !important; }

/* Focus ring util using primary color */
.theme-focus:focus { box-shadow: 0 0 0 3px rgba(255,107,74,0.12); outline: none; }

/* Utilities for gradients that used primary + hover */
.theme-gradient { background: linear-gradient(135deg, var(--color-primary), var(--color-primary-hover)) !important; }