/* Color system */

:root {
  color-scheme: light;
  
  /* Brand palette */
  --color-black: #050505;
  --color-black-alpha: #0505050d;
  --color-white: #ffffff;
  --color-white-50: #fafafa;
  --color-white-100: #f7f7f7;
  --color-white-alpha-50: #ffffffe5;
  --color-black-alpha-b2: #050505B2;

  --color-beige-900: #332e19;
  --color-beige-600: #e5dfca;
  --color-beige-400: #f0ede6;
  --color-beige-alpha: rgba(51, 46, 25, 0.2);
  --color-beige-alpha-600: rgba(229, 223, 202, 0.8);
  --color-beige-alpha-900: #332E1933;

  --color-blue-600: #10228d;
  --color-blue-400: #1967b8;
  --color-blue-200: #03C8FD;
  --color-blue-alpha-600-80: #10228DCC;
  --color-blue-alpha-600-50: #10228D80;
  --color-blue-alpha-200-80: #03C8FDCC;
  --color-blue-alpha-200-40: rgba(3, 200, 253, 0.4);

  --color-primary: #0d1b2a;
  --color-accent-primary: #243FDC;
  --color-black-100: #111111;

  /* Semantic aliases */
  --color-text-main: var(--color-black);
  --color-text-muted: rgba(5, 5, 5, 0.7);
  --color-bg-page: #f5f5f5;
  --color-bg-card: var(--color-white);
  --color-accent: var(--color-blue-600);
  --color-accent-soft: var(--color-blue-200);
  --color-border-subtle: rgba(5, 5, 5, 0.08);
}