/* SRG Pharmaceuticals — design tokens.
   Ported verbatim from the Claude Design system (tokens/colors.css,
   tokens/typography.css, tokens/spacing.css). Edit brand values here only. */

@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/Poppins-300.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Poppins-400.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/Poppins-500.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/Poppins-600.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Poppins-700.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:italic;font-weight:300;font-display:swap;src:url('../fonts/Poppins-300Italic.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/Poppins-400Italic.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/Poppins-500Italic.woff2') format('woff2');}

:root{
  /* Brand */
  --srg-teal:#00594C;--srg-teal-rgb:0,89,76;
  --srg-terracotta:#C8623C;--srg-terracotta-rgb:200,98,60;
  --srg-gold:#B08A3E;--srg-gold-rgb:176,138,62;
  --srg-ink-deep:#12211E;--srg-ink-deep-rgb:18,33,30;
  --srg-ivory:#F7F5F0;--srg-ivory-rgb:247,245,240;
  --srg-soft-white:#FDFCFA;
  --srg-ink:#16211F;
  --srg-mid-grey:#62675F;
  --srg-sage:#7FA79C;
  --srg-sand:#E3A97E;
  --srg-confirm-green:#2A7A5F;

  /* Semantic */
  --surface-page:var(--srg-ivory);
  --surface-card:var(--srg-soft-white);
  --surface-inverse:var(--srg-ink-deep);
  --text-heading:var(--srg-ink);
  --text-body:#333333;
  --text-body-secondary:var(--srg-mid-grey);
  --text-inverse:var(--srg-ivory);
  --text-inverse-muted:rgba(247,245,240,.6);
  --border-subtle:rgba(var(--srg-teal-rgb),.14);
  --border-soft:rgba(var(--srg-ink-deep-rgb),.08);
  --color-primary:var(--srg-teal);
  --color-accent:var(--srg-terracotta);
  --color-gold:var(--srg-gold);

  /* Portfolio category coding */
  --cat-oncology:var(--srg-teal);
  --cat-cardiometabolic:var(--srg-sage);
  --cat-anti-infectives:var(--srg-gold);
  --cat-chronic-ncd:var(--srg-terracotta);
  --cat-womens-maternal:var(--srg-sand);

  /* Spacing & shape */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
  --space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:46px;--space-12:60px;
  --radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-pill:100px;
  --shadow-card-hover:0 6px 26px rgba(0,89,76,.1);
  --shadow-swatch-hover:0 6px 24px rgba(0,0,0,.12);
  --shadow-panel:0 10px 40px rgba(0,0,0,.18);
  --ease-standard:cubic-bezier(.4,0,.2,1);
  --duration-fast:.2s;
  --duration-standard:.35s;

  /* Type */
  /* Poppins carries no CJK glyphs; the fallbacks keep 中文 consistent
     rather than leaving the choice to whatever the OS picks first. */
  --font-sans:'Poppins','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --fs-display:52px;--fw-display:700;--lh-display:1.1;
  --fs-h1:40px;--fw-h1:300;--lh-h1:1.15;
  --fs-h2:25px;--fw-h2:400;--lh-h2:1.3;--fstyle-h2:italic;
  --fs-h3:12px;--fw-h3:600;--lh-h3:1.4;--ls-h3:3px;
  --fs-body:14.5px;--fw-body:300;--lh-body:1.9;
  --fs-caption:10.5px;--fw-caption:300;--lh-caption:1.6;--ls-caption:0.5px;
  --fs-label:9.5px;--fw-label:600;--lh-label:1.4;--ls-label:3px;
}
