/*
 * Daybreak theme variables (PR 8 Phase D)
 *
 * Pre-Phase D, this file redefined every canonical token (--bg-color,
 * --card-color, --text-primary, --accent-color, --primary-color,
 * --shadow-*) which overrode the canonical palette in _tokens.css and
 * blocked the brand-fresh look-and-feel.
 *
 * Phase D strips those redefinitions so _tokens.css wins. Only daybreak-
 * SPECIFIC tokens that aren't in _tokens.css remain here. Page CSS files
 * (announcements, amenities, company_profile, gdpr, my_orders,
 * open_ticket, permissions, privacy_policy, profile_completion,
 * quick_overview, services, single_ticket, terms_and_conditions) still
 * reference these so they must stay defined.
 */

/* Light theme additions (none of these are in _tokens.css) */
:root {
    /* "Dark" legacy variants - used by page CSS for stronger borders/inputs.
       Map them to the canonical equivalents so dark-on-light still works. */
    --accent-color-dark:   color-mix(in srgb, var(--accent-color) 80%, #000000);
    --card-bg-dark:        var(--bg-card);
    --text-primary-dark:   var(--text-main);
    --border-color-dark:   var(--border-color);
    --input-bg-dark:       var(--input-bg);
    --input-focus-bg-dark: var(--input-bg);
    --section-bg-dark:     var(--bg-elevated);
    --footer-bg-dark:      var(--bg-elevated);
    --dropdown-bg-dark:    var(--bg-card);
}

/* Dark theme - resolve the "-dark" aliases to slightly stronger surfaces.
   _tokens.css already provides --bg-card, --border-color, etc. dark values;
   the aliases here just shift one notch elevated for emphasis. */
body.dark,
:root[data-theme="dark"] {
    --accent-color-dark:   color-mix(in srgb, var(--accent-color) 80%, #000000);
    --card-bg-dark:        #2a2a2e;
    --text-primary-dark:   #ffffff;
    --border-color-dark:   #3a3a40;
    --input-bg-dark:       #2a2a2e;
    --input-focus-bg-dark: #3a3a40;
    --section-bg-dark:     #2a2a2e;
    --footer-bg-dark:      #1a1a1c;
    --dropdown-bg-dark:    #2a2a2e;
}