/* Hema İçecek — color tokens
   Dark "gece modu" energy aesthetic. Hema red is the single hero accent;
   each product line carries its own accent for product pages/cards. */
:root {
  /* — Brand core — */
  --hema-red: #E3001B;          /* logo red */
  --hema-red-bright: #FF2B3A;   /* hover / glow */
  --hema-red-deep: #9E0013;     /* pressed / gradients */
  --hema-white: #FFFFFF;
  --hema-black: #0A0A0D;

  /* — Dark surfaces — */
  --surface-0: #07070A;                    /* page background */
  --surface-1: #0D0D12;                    /* sections */
  --surface-2: #14141B;                    /* cards */
  --surface-3: #1D1D26;                    /* raised / hover */
  --surface-card: rgba(255, 255, 255, 0.04);
  --surface-glass: rgba(13, 13, 18, 0.72); /* nav / overlays, pair with blur */

  /* — Text — */
  --text-1: #F5F5F7;
  --text-2: rgba(245, 245, 247, 0.70);
  --text-3: rgba(245, 245, 247, 0.45);
  --text-inverse: #0A0A0D;
  --text-on-red: #FFFFFF;

  /* — Borders — */
  --border-1: rgba(255, 255, 255, 0.12);
  --border-2: rgba(255, 255, 255, 0.07);
  --border-red: rgba(227, 0, 27, 0.45);

  /* — Product line accents — */
  --line-jaguar: #E3001B;        /* Power Jaguar — red/black */
  --line-jaguar-gold: #C99435;   /* Jaguar fruit cans */
  --line-boom: #1554C9;          /* Double Boom — electric blue */
  --line-boom-green: #18A96B;    /* Double Boom — teal/green wash */
  --line-dream: #E94A9D;         /* Dream Can — candy pink */
  --line-dream-sky: #7CC8E8;     /* Dream Can — pastel sky */
  --line-jaws: #1B3C8C;          /* Jaws — deep navy */
  --line-blu: #1747C0;           /* Blu Classic — royal blue */
  --line-faster: #C8102E;        /* Faster — crimson */
  --line-cola: #D6001C;          /* Black Cola / Kara Kola */
  --line-cola-yellow: #E8650F;   /* Yellow Cola — orange */

  /* — Semantic — */
  --success: #2EBE6E;
  --warning: #F2A33C;
  --danger: #FF4D5E;
  --info: #4D9DFF;

  /* — Semantic aliases — */
  --accent: var(--hema-red);
  --accent-hover: var(--hema-red-bright);
  --accent-pressed: var(--hema-red-deep);
  --bg-page: var(--surface-0);
  --bg-section: var(--surface-1);
  --bg-card: var(--surface-2);
  --bg-raised: var(--surface-3);
  --text-body: var(--text-2);
  --text-heading: var(--text-1);
}