/* FILE PATH: public_html/assets/css/tokens.css */
/* ACTION: CREATE NEW FILE */
/* PURPOSE: Approved Sigma Luggage design token foundation.
   This file defines ONLY the approved colour variables and the approved
   font-family variable names. It does NOT load any external font files
   (no @font-face, no @import, no Google Fonts link). Until real font
   files are added in a later step, browsers will render text using the
   fallback fonts listed after each brand font name below. */

:root {

  /* ============================
     APPROVED SIGMA COLOUR PALETTE
     ============================ */

  --sigma-primary: #D61B5D;
  --sigma-primary-dark: #B9154D;

  --sigma-yellow: #F9B900;
  --sigma-blue: #2278BD;

  --sigma-white: #FFFFFF;

  --sigma-bg-light: #F7F7F7;
  --sigma-bg-section: #F4F4F4;
  --sigma-bg-hero: #EFEFEF;

  --sigma-text-dark: #2E2E2E;
  --sigma-text-medium: #666666;
  --sigma-text-light: #8A8A8A;

  --sigma-black: #111111;
  --sigma-border: #E5E5E5;

  --sigma-graphite: #4A4A4A;
  --sigma-taupe: #6B5D50;
  --sigma-navy: #1D263B;
  --sigma-beige: #C4A984;
  --sigma-burgundy: #5A1E34;

  /* ============================
     APPROVED SIGMA FONT VARIABLES
     ============================
     NOTE: These variables reference the approved brand fonts
     (Poppins, Inter, Carme, Roboto). The actual font files have
     NOT been loaded yet in this step. Text will currently render
     using each variable's fallback (sans-serif) until the real
     fonts are added in a later, separately tested step. */

  --sigma-font-display: 'Poppins', sans-serif;
  --sigma-font-body: 'Inter', sans-serif;
  --sigma-font-editorial: 'Carme', sans-serif;
  --sigma-font-utility: 'Roboto', sans-serif;

}