/* =============================================
   theme-vars.css
   Blended Joys HR System

   Default ("Creamy") values for every brand CSS variable. Loaded on every
   page, always, BEFORE tailwind-config.js's colors resolve against these
   variables via var(--color-...). This is the fail-safe baseline: if a
   page is ever missing the per-company override <style> block that
   render_theme_override_style() outputs (app/core/helpers.php), it just
   silently renders the default Creamy theme instead of breaking — never
   an unstyled/broken page.

   Values here MUST always match theme-presets.php's 'creamy' entry
   exactly — that PHP array is the actual source of truth (used to
   generate every other theme's override too); this file is only the
   static fallback copy of it for the CSS layer. If creamy's palette ever
   changes, update both.
   ============================================= */

:root {
    --color-amber-50:  #FFF8ED;
    --color-amber-100: #FFF3E0;
    --color-amber-200: #FFE0A3;
    --color-amber-400: #F5C97A;
    --color-amber-500: #E8981D;
    --color-amber-600: #C97D0E;
    --color-amber-700: #A0640A;

    --color-cream-50:  #FFFDF7;
    --color-cream-100: #FEF9EE;
    --color-cream-200: #F5F0E8;
    --color-cream-300: #EDE8DD;
    --color-cream-400: #DDD8CC;

    --color-charcoal-700: #3A3A3A;
    --color-charcoal-800: #2E2E2E;
    --color-charcoal-900: #1E1E1E;
}

.h-screen-safe {
    height: 100vh;   /* fallback */
    height: 100dvh;  /* Safari iOS + modern browsers */
}