Від дитинства
до впевненого
вибору у світі

/* МАУП Ліцей · Design Tokens v2.0 Extended */
:root {
  /* Primary */
  --maup-blue: #0D54A0;
  --navy: #192E42;
  /* Accents */
  --gold: #FAB121;
  --green: #71B530;
  --violet: #9A2F89;
  /* Sub-brands · per education level */
  --sub-preschool: #FF8C42;
  --sub-kindergarten: #FAB121;
  --sub-primary: #71B530;
  --sub-senior: #0D54A0;
  --sub-online: #9A2F89;
  --sub-camp: #E63946;
  --sub-steam: #00B4D8;
  /* Typography */
  --font-display: "Unbounded", sans-serif;
  --font-body: "Montserrat", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  /* Spacing — base 4px */
  --space-1: 4px;
  --space-4: 16px;
  --space-8: 32px;
  --space-16: 64px;
}CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'maup-blue': '#0D54A0',
        navy: '#192E42',
        gold: '#FAB121',
        'sub': {
          preschool: '#FF8C42',
          kindergarten: '#FAB121',
          primary: '#71B530',
          senior: '#0D54A0',
          online: '#9A2F89',
          camp: '#E63946',
          steam: '#00B4D8',
        }
      },
      fontFamily: {
        display: ['Unbounded', 'sans-serif'],
        body: ['Montserrat', 'sans-serif'],
      }
    }
  }
}JS

{
  "color": {
    "primary": { "blue": { "$value": "#0D54A0", "$type": "color" } },
    "sub-brand": {
      "preschool": { "$value": "#FF8C42", "$type": "color" },
      "steam": { "$value": "#00B4D8", "$type": "color" },
      "camp": { "$value": "#E63946", "$type": "color" }
    }
  },
  "typography": {
    "display": { "$value": { "fontFamily": "Unbounded", "fontWeight": 700 } }
  }
}JSON