/* Omnex — Şablon varyantları. [data-variant] üzerinde. Windows: varsayılan token'lar (light.css/dark.css), override yok. Mac : canlı Apple mavisi, daha yuvarlak köşeler Linux : sıcak turuncu (KDE/GNOME aksan), daha köşeli Drive : teal-yeşil, çok düz (Material/Google Drive tarzı) */ /* ── Mac ─────────────────────────────────────────────────────────────── */ [data-variant="mac"] { --radius-xs: 6px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px; --radius-2xl: 26px; --radius: 12px; } [data-theme="light"][data-variant="mac"], :root:not([data-theme])[data-variant="mac"] { --color-primary: #007AFF; --color-primary-hover: #0062CC; --color-primary-active: #004FA3; --color-primary-soft: color-mix(in srgb, #007AFF 13%, transparent); --color-primary-ring: color-mix(in srgb, #007AFF 30%, transparent); --primary: #007AFF; } [data-theme="dark"][data-variant="mac"] { --color-primary: #409CFF; --color-primary-hover: #5AABFF; --color-primary-active: #2B82E8; --color-primary-soft: color-mix(in srgb, #409CFF 18%, transparent); --color-primary-ring: color-mix(in srgb, #409CFF 32%, transparent); --primary: #409CFF; } /* ── Linux (sıcak turuncu — KDE Plasma / GNOME aksan ilhamı) ─────────── */ [data-variant="linux"] { --radius-xs: 3px; --radius-sm: 5px; --radius-md: 7px; --radius-lg: 10px; --radius-xl: 14px; --radius-2xl: 18px; --radius: 7px; } [data-theme="light"][data-variant="linux"], :root:not([data-theme])[data-variant="linux"] { --color-primary: #E85D00; --color-primary-hover: #C44C00; --color-primary-active: #A33F00; --color-primary-soft: color-mix(in srgb, #E85D00 12%, transparent); --color-primary-ring: color-mix(in srgb, #E85D00 28%, transparent); --primary: #E85D00; } [data-theme="dark"][data-variant="linux"] { --color-primary: #FF8534; --color-primary-hover: #FF9A52; --color-primary-active: #FF7016; --color-primary-soft: color-mix(in srgb, #FF8534 18%, transparent); --color-primary-ring: color-mix(in srgb, #FF8534 32%, transparent); --primary: #FF8534; } /* ── Drive (teal — Material/Google Drive tarzı, çok düz) ─────────────── */ [data-variant="drive"] { --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-xl: 12px; --radius-2xl: 16px; --radius: 6px; } [data-theme="light"][data-variant="drive"], :root:not([data-theme])[data-variant="drive"] { --color-primary: #0D9488; --color-primary-hover: #0F766E; --color-primary-active: #115E59; --color-primary-soft: color-mix(in srgb, #0D9488 12%, transparent); --color-primary-ring: color-mix(in srgb, #0D9488 28%, transparent); --primary: #0D9488; } [data-theme="dark"][data-variant="drive"] { --color-primary: #2DD4BF; --color-primary-hover: #5EEAD4; --color-primary-active: #0D9488; --color-primary-soft: color-mix(in srgb, #2DD4BF 16%, transparent); --color-primary-ring: color-mix(in srgb, #2DD4BF 30%, transparent); --primary: #2DD4BF; }