:root {
  /* ---- brand greens ---- */
  --color-forest:        #0E3A29;
  --color-emerald:       #12805C;
  --color-emerald-hover: #0E6E4F;
  --color-mint:          #5FC195;
  --color-green-tint:    #E9F6EF;
  --color-green-50:      #F4FAF7;

  /* ---- accent ---- */
  --color-amber:         #F2A93B;
  --color-amber-text:    #C77F1A;
  --color-amber-tint:    #FDEFD6;

  /* ---- mascot only ---- */
  --color-seed:          #E2CDA8;

  /* ---- neutrals ---- */
  --color-ink:           #16241B;
  --color-text-700:      #2E3A33;
  --color-slate:         #6B7B70;
  --color-border:        #E1EBE5;
  --color-surface:       #FFFFFF;
  --color-canvas:        #FFFFFF;

  /* ---- semantic ---- */
  --color-success:       #12805C;
  --color-warning:       #F2A93B;
  --color-error:         #E5533D;
  --color-info:          #2F7EA8;

  /* ---- typography ---- */
  --font-ui: "LINE Seed Sans TH", "Noto Sans Thai", "IBM Plex Sans Thai", system-ui, sans-serif;
  --fs-body: 15px;
  --lh-body: 22px;
  --fw-bold: 700;

  /* ---- radius ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-2xl: 28px;
  --r-pill: 999px;

  /* ---- elevation ---- */
  --shadow-sm: 0 1px 2px rgba(16,53,31,.06);
  --shadow-md: 0 4px 14px rgba(16,53,31,.10);

  /* ---- layout ---- */
  --container-max: 440px;
  --screen-pad: 20px;

  /* ---- category families (badge fill; icon is white) ---- */
  --fam-career-accent:     #12805C;
  --fam-university-accent: #2F6FB0;
  --fam-grow-accent:       #CE8A22;

  /* ---- category tile backgrounds ---- */
  --cat-internship-bg:     #DCEFE6;
  --cat-job-bg:            #D3ECE6;
  --cat-fellowship-bg:     #E4F1DC;
  --cat-scholarship-bg:    #D9E7F5;
  --cat-uni_grad-bg:       #DEE4F4;
  --cat-uni_undergrad-bg:  #E5E0F2;
  --cat-competition-bg:    #FBE6C0;
  --cat-training-bg:       #FBEBD3;
  --cat-seminar-bg:        #FCE3CD;
  --cat-activity-bg:       #FBDECB;
  --cat-resource-bg:       #FCEFCE;
}