/*
 * theme.css — client theme stylesheet.
 *
 * This file is loaded via <link> in index.html before the app's bundled CSS.
 * Each deployment ships exactly one client's theme — at deploy time, this
 * file (and assets in public/assets/branding/) are replaced with the target client's
 * values. The repo's default content below is the PwC theme.
 *
 * To onboard a new client, replace this file with one that overrides the
 * tokens below. SCSS variables in src/styles/_theme-tokens.scss reference
 * these custom properties via var(--token, fallback), so any token left
 * unset will fall back to the SCSS-level default.
 *
 * See docs/theming.md for the full token reference.
 */

:root {
  /* --- Brand identity --- */
  --theme-color:             #ca4a04;
  --theme-primary-btn:       #d04a02;
  --theme-primary-btn-hover: #a13802;
  --theme-accent:            #f37735;
  --theme-accent-light:      #fd6412;

  /* --- Status / semantic --- */
  --theme-error:          #d04a02;
  --theme-error-strong:   #d1293d;
  --theme-error-bg:       #fff2f0;
  --theme-success:        #18d300;
  --theme-success-strong: #2d8a39;
  --theme-success-bg:     #f0faf0;
  --theme-success-bright: #16a34a;
  --theme-success-emerald: #15803d;
  --theme-info:           #437ef7;
  --theme-warning-bg:     #daefff;
  --theme-warning:        #d97706;
  --theme-warning-bright: #f5b71a;

  /* --- Surfaces --- */
  --theme-bg:             #ffffff;
  --theme-bg-surface:     #f5f5f5;
  --theme-bg-subtle:      #f7f7f8;
  --theme-bg-alt:         #f0f0f0;
  --theme-divider:        #eeeeee;
  --theme-header-dark-bg: #2d2d2d;
  --theme-footer-bg:      #282f34;

  /* --- Text --- */
  --theme-text:           #5f6d7e;
  --theme-text-muted:     #999999;
  --theme-text-strong:    #272d37;
  --theme-text-disabled:  #a6a6a6;
  --theme-text-default:   #333333;
  --theme-text-headline:  #1a1a1a;
  --theme-text-secondary: #464f60;
  --theme-text-light:     #c1c1c1;

  /* --- Borders / inputs --- */
  --theme-border:             #eaebf0;
  --theme-input-border:       #d9d9d9;
  --theme-input-border-hover: var(--theme-color);

  /* --- Typography --- */
  --theme-font-family: "Helvetica Neue", "Arial", sans-serif;

}

/*
 * Optional client font. Drop a WOFF2 at public/assets/branding/theme-font.woff2
 * and uncomment + rename the family below, then set --theme-font-family
 * to "ClientBrand", system-ui, sans-serif.
 *
 * @font-face {
 *   font-family: "ClientBrand";
 *   src: url("/assets/branding/theme-font.woff2") format("woff2");
 *   font-weight: 100 900;
 *   font-display: swap;
 * }
 */