/* EasyTab brand tokens — single CSS source of truth for the web app and mockups.
 * Mirrors EasyTab/Constants/BrandColors.cs + BrandTheme.cs (see BrandTheme.ToCssVariables()).
 * When the palette changes, update BrandColors.cs and regenerate/adjust this file to match.
 * App code should prefer the semantic roles (--et-background, --et-primary, --et-accent, …). */
:root {
  /* palette */
  --et-deep-teal: #0D2F25;
  --et-secondary-teal: #2F4D3C;
  --et-muted-teal: #3F6A59;
  --et-bg-cream: #FDEDCC;
  --et-warm-ivory: #FDE4B3;
  --et-soft-sand: #FDD9A2;
  --et-light-beige: #F9D29A;
  --et-warm-gold: #F2C486;
  --et-honey: #EEB873;
  --et-amber: #E5A85D;
  --et-caramel: #D6944B;
  --et-bronze: #C38641;
  --et-dark-bronze: #AD6C27;
  --et-rich-brown: #6F4D2B;
  --et-dark-brown: #383319;
  --et-surface: #FFF8EC;
  --et-divider: #E9D7B4;
  --et-white: #FFFFFF;
  --et-lamp-glow-center: #FFF6D8;
  --et-receipt-top: #FFFDF7;
  --et-receipt-bottom: #FDEDCB;

  /* semantic roles */
  --et-background: var(--et-bg-cream);
  --et-card: var(--et-surface);
  --et-text: var(--et-deep-teal);
  --et-text-muted: #6E6A60;
  --et-primary: var(--et-deep-teal);
  --et-primary-2: var(--et-secondary-teal);
  --et-accent: var(--et-amber);
  --et-success: var(--et-muted-teal);

  /* gradients */
  --et-grad-primary: linear-gradient(180deg, #0D2F25, #2F4D3C);
  --et-grad-gold: linear-gradient(180deg, #F2C486, #D6944B);
  --et-grad-bg: linear-gradient(180deg, #FDEDCC, #FDD9A2, #F2C486);
  --et-grad-receipt: linear-gradient(180deg, #FFFDF7, #FDEDCB);
  --et-grad-lamp: radial-gradient(circle, #FFF6D8, #FDE4B3, transparent);
}