@theme static {
  /* ... */
}

@theme static {
  /* ... */
}

/* main.css */
  --color-fun-blue-50: #f1f7fe;
  --color-fun-blue-100: #e2eefc;
  --color-fun-blue-200: #bfdcf8;
  --color-fun-blue-300: #86c0f3;
  --color-fun-blue-400: #46a0ea;
  --color-fun-blue-500: #1e84d9;
  --color-fun-blue-600: #0f5faa;
  --color-fun-blue-700: #0e5296;
  --color-fun-blue-800: #10467c;
  --color-fun-blue-900: #133c67;
  --color-fun-blue-950: #0d2644;

  --color-tamarillo-50: #fff1f0;
  --color-tamarillo-100: #ffe1de;
  --color-tamarillo-200: #ffc8c2;
  --color-tamarillo-300: #ffa298;
  --color-tamarillo-400: #ff6d5d;
  --color-tamarillo-500: #ff402b;
  --color-tamarillo-600: #f7220b;
  --color-tamarillo-700: #d01905;
  --color-tamarillo-800: #ac1808;
  --color-tamarillo-900: #931c0f;
  --color-tamarillo-950: #4e0901;

/* main.css */
  --color-fun-blue-50: #f1f7fe;
  --color-fun-blue-100: #e2eefc;
  --color-fun-blue-200: #bfdcf8;
  --color-fun-blue-300: #86c0f3;
  --color-fun-blue-400: #46a0ea;
  --color-fun-blue-500: #1e84d9;
  --color-fun-blue-600: #0f5faa;
  --color-fun-blue-700: #0e5296;
  --color-fun-blue-800: #10467c;
  --color-fun-blue-900: #133c67;
  --color-fun-blue-950: #0d2644;

  --color-tamarillo-50: #fff1f0;
  --color-tamarillo-100: #ffe1de;
  --color-tamarillo-200: #ffc8c2;
  --color-tamarillo-300: #ffa298;
  --color-tamarillo-400: #ff6d5d;
  --color-tamarillo-500: #ff402b;
  --color-tamarillo-600: #f7220b;
  --color-tamarillo-700: #d01905;
  --color-tamarillo-800: #ac1808;
  --color-tamarillo-900: #931c0f;
  --color-tamarillo-950: #4e0901;

// app.config.ts
ui: {
    colors: {
      primary: 'fun-blue',
      secondary: 'tamarillo',
      neutral: 'slate',
    },
  }

// app.config.ts
ui: {
    colors: {
      primary: 'fun-blue',
      secondary: 'tamarillo',
      neutral: 'slate',
    },
  }