/* Theme: Royal (Stone) */
:root {
    --color-primary-50: rgb(247 247 247);
    --color-primary-100: rgb(240 240 240);
    --color-primary-200: rgb(219 219 219);
    --color-primary-300: rgb(194 194 194);
    --color-primary-400: rgb(158 158 158);
    --color-primary-500: rgb(128 128 128);
    --color-primary-600: rgb(107 107 107);
    --color-primary-700: rgb(89 89 89);
    --color-primary-800: rgb(75 68 68);
    --color-primary-900: rgb(59 53 53);
    --color-primary-950: rgb(37 34 34);
    --color-gray-50: rgb(250 250 249);
    --color-gray-100: rgb(245 245 244);
    --color-gray-200: rgb(231 229 228);
    --color-gray-300: rgb(214 211 209);
    --color-gray-400: rgb(168 162 158);
    --color-gray-500: rgb(120 113 108);
    --color-gray-600: rgb(87 83 78);
    --color-gray-700: rgb(68 64 60);
    --color-gray-800: rgb(41 37 36);
    --color-gray-900: rgb(28 25 23);
    --color-gray-950: rgb(12 10 9);
    --radius-xs: calc(0.25rem - 6px);
    --radius-sm: calc(0.25rem - 4px);
    --radius-md: calc(0.25rem - 2px);
    --radius-lg: 0.25rem;
    --radius-xl: calc(0.25rem + 4px);
    --radius-2xl: calc(0.25rem + 8px);
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.08);
    --shadow: 0 2px 6px 0 rgb(0 0 0 / 0.12), 0 1px 3px -1px rgb(0 0 0 / 0.08);
    --shadow-md: 0 6px 12px -2px rgb(0 0 0 / 0.12), 0 3px 6px -3px rgb(0 0 0 / 0.08);
    --shadow-lg: 0 16px 24px -4px rgb(0 0 0 / 0.12), 0 6px 10px -5px rgb(0 0 0 / 0.06);
    --shadow-xl: 0 28px 36px -6px rgb(0 0 0 / 0.14), 0 12px 16px -8px rgb(0 0 0 / 0.08);
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: ui-monospace, 'SF Mono', 'Fira Code', Consolas, monospace;
}