/* --- Kibrisonline - Brand palette and semantic tokens (app-wide) --- */

:root {
    /* Primary */
    --brand-600: oklch(53.24% 0.27 29.23);
    /* primary */
    --brand-700: oklch(48.24% 0.27 29.23);
    /* primary hover */
  
    /* Neutrals and accent */
    --brand-white: oklch(100% 0 0);
    --brand-muted: oklch(95.5% 0 0);
    --brand-gray-500: oklch(44.3% 0 0);
    --brand-gray-600: oklch(31.4% 0 0);
    --brand-accent: oklch(90.2% 0.15 100.5);
  
    /* Map to app tokens (overrides earlier defaults) */
    --primary: var(--brand-600);
    --primary-foreground: var(--brand-white);
    --secondary: var(--brand-muted);
    --secondary-foreground: var(--brand-gray-600);
    --accent: var(--brand-accent);
    --accent-foreground: oklch(10.2% 0 0);
    --background: var(--brand-white);
    --foreground: var(--brand-gray-600);
    --muted: var(--brand-muted);
    --muted-foreground: var(--brand-gray-500);
    --border: oklch(90.2% 0 0);
    --input: oklch(90.2% 0 0);
    --ring: var(--brand-600);
  }