/* Color — semantic aliases for the shareholder-benefit app.
 * Base palette lives in fig-tokens.css (generated from the file's Figma Variables).
 * Values here are transcribed verbatim from the app screens (page3) and Theme frames. */
:root{
  /* Brand primaries — one theme per issuer */
  --crh-primary: rgb(237,113,0);            /* CRH orange 500 */
  --crh-primary-dark: rgb(215,103,0);
  --crh-primary-light: rgba(237,113,0,0.7);
  --crh-primary-tint: rgba(237,113,0,0.12);
  --sfp-primary: rgb(56,167,40);            /* SFP green 600 */
  --sfp-primary-dark: rgb(53,153,39);
  --sfp-primary-light: rgba(64,184,47,0.7);
  --sfp-primary-tint: rgba(64,184,47,0.12);

  /* The orange accent gradient — badges and the active tab-bar glyph */
  --accent-gradient: linear-gradient(131.117deg, rgb(249,168,116) 11.62%, rgb(255,99,0) 52.27%); /* @kind color */
  --accent-gradient-soft: linear-gradient(90deg, rgb(252,213,188) 0%, rgb(249,168,117) 100%); /* @kind color */
  --accent-ring: rgba(255,103,0,0.5);       /* "詳細をみる" ring on the benefit card */

  /* Surfaces */
  --screen-bg: rgb(242,242,242);            /* every app screen sits on this */
  --surface: rgb(255,255,255);
  --surface-scrim: rgba(0,0,0,0.6);         /* modal / barcode overlay */
  --surface-glass: rgba(255,255,255,0.19);  /* chip on the card's patterned header */
  --surface-unread: rgba(229,62,62,0.12);   /* unread notice row */
  --surface-success: rgba(64,184,47,0.12);
  --surface-inprogress: rgba(237,113,0,0.12);

  /* Ink */
  --ink-card: rgb(36,23,20);                /* voucher brown-black, benefit cards only */
  --text-primary: rgba(0,0,0,0.87);
  --text-secondary: rgba(0,0,0,0.6);
  --text-disabled: rgba(0,0,0,0.24);
  --text-muted: rgb(124,131,146);           /* inactive tab label, field affordances */
  --text-tab-inactive: rgb(117,117,117);
  --text-on-dark: rgb(255,255,255);
  --text-heading: rgb(33,33,33);            /* app-bar titles, button ink */

  /* Lines */
  --divider: rgb(217,217,217);
  --border-subtle: rgba(0,0,0,0.12);
  --border-strong: rgba(0,0,0,0.87);        /* 2px inset outline on card CTAs */

  /* Status */
  --danger: rgb(229,62,62);
  --danger-strong: rgb(228,38,21);          /* expiry-warning triangle, badge dot */
  --danger-dark: rgb(180,39,39);
  --success: rgb(64,184,47);
  --inprogress: rgb(237,113,0);

  /* Controls */
  --button-main: rgb(33,33,33);             /* MUI/Button Color=Black */
  --button-contrast: rgb(255,255,255);
  --button-disabled-bg: rgba(0,0,0,0.12);
  --button-disabled-ink: rgba(0,0,0,0.38);
  --action-hover: rgba(0,0,0,0.04);
  --action-focus: rgba(0,0,0,0.08);

  /* Default theme = CRH (the in-scope product) */
  --theme-primary: var(--crh-primary);
  --theme-primary-dark: var(--crh-primary-dark);
  --theme-primary-tint: var(--crh-primary-tint);
}
[data-theme="sfp"]{
  --theme-primary: var(--sfp-primary);
  --theme-primary-dark: var(--sfp-primary-dark);
  --theme-primary-tint: var(--sfp-primary-tint);
}