/* ============================================================ DIZAYN TOKENLARI Ikki mavzu: "agentlik" (yashil, sirkulyar iqtisodiyot) va "kort" (ko'k, sport korti). Yorug' va qorong'i rejim. Mavzu orqali almashadi. ============================================================ */ :root { /* Mavzu: AGENTLIK (standart) */ --brand: #12795A; --brand-600: #0E6349; --brand-700: #0A4C38; --brand-100: #DCF3EA; --brand-050: #F0FAF6; --accent: #A8D93B; --accent-ink: #1F3306; --brand-grad: linear-gradient(135deg, #12795A 0%, #17A06F 55%, #A8D93B 140%); /* Neytral shkala */ --ink: #0E1A17; --ink-2: #24352F; --muted: #6A7C76; --muted-2: #91A19B; --line: #E3EAE7; --border: #DCE5E1; --bg: #F4F7F5; --bg-2: #EDF2EF; --card: #FFFFFF; --card-2: #FAFCFB; /* Holat ranglari */ --ok: #17A06F; --ok-bg: #E4F7EF; --warn: #C98A0B; --warn-bg: #FDF3DC; --danger: #C6423C; --danger-bg: #FBE9E8; --info: #2D7FB8; --info-bg: #E6F1F9; --live: #E8590C; /* Medallar */ --gold: #D4A017; --gold-bg: #FDF4DC; --silver: #97A3AC; --silver-bg: #F0F3F5; --bronze: #B4713A; --bronze-bg: #F9EDE3; /* Geometriya */ --r-sm: 8px; --r: 12px; --r-lg: 18px; --r-xl: 26px; --shadow-sm: 0 1px 2px rgba(14,26,23,.06), 0 1px 3px rgba(14,26,23,.05); --shadow: 0 2px 6px rgba(14,26,23,.06), 0 8px 20px rgba(14,26,23,.06); --shadow-lg: 0 10px 40px rgba(14,26,23,.12); --font: 'Inter', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif; --mono: ui-monospace, 'Cascadia Mono', Consolas, monospace; --header-h: 64px; --maxw: 1320px; /* Setka taxtasi (har doim to'q fon — translatsiya uchun) */ --bb-bg-1: #052419; --bb-bg-2: #0E5840; --bb-line: rgba(255,255,255,.28); --bb-on: #B5E33F; } /* ── Mavzu: KORT (ko'k) ─────────────────────────────────── */ [data-theme="kort"] { --brand: #1B5E8C; --brand-600: #164C72; --brand-700: #0F3853; --brand-100: #DCEBF6; --brand-050: #F1F7FC; --accent: #D8F04A; --accent-ink: #2A3305; --brand-grad: linear-gradient(135deg, #0F3853 0%, #1B5E8C 55%, #35A0D8 140%); --ink: #0F1720; --ink-2: #22323F; --muted: #6B7A88; --muted-2: #93A2AE; --line: #E2E9EF; --border: #DAE3EA; --bg: #F3F6F9; --bg-2: #EBF1F5; --card: #FFFFFF; --card-2: #FAFCFD; --ok: #1E8E5A; --ok-bg: #E5F5ED; --bb-bg-1: #04172A; --bb-bg-2: #0F3D63; --bb-on: #D8F04A; } /* ── Qorong'i rejim ─────────────────────────────────────── */ [data-mode="dark"] { --ink: #EAF2EE; --ink-2: #C6D5CE; --muted: #93A69E; --muted-2: #6F847C; --line: #22302B; --border: #27352F; --bg: #0B1310; --bg-2: #0F1A16; --card: #131F1A; --card-2: #17251F; --brand-100: #123328; --brand-050: #0F241D; --ok-bg: #102A20; --warn-bg: #2A2211; --danger-bg: #2C1614; --info-bg: #10222E; --gold-bg: #2C2410; --silver-bg: #1E2427; --bronze-bg: #2A1C11; --shadow-sm: 0 1px 2px rgba(0,0,0,.4); --shadow: 0 2px 8px rgba(0,0,0,.45); --shadow-lg: 0 16px 48px rgba(0,0,0,.55); } [data-theme="kort"][data-mode="dark"] { --ink: #E9F1F7; --ink-2: #C4D3DE; --muted: #93A5B2; --line: #1E2C37; --border:#243440; --bg: #080F15; --bg-2: #0C161E; --card: #101C25; --card-2:#14222C; --brand-100: #12303F; --brand-050: #0E2531; } /* ── Avatar ranglari (ism bo'yicha barqaror) ────────────── */ .tone-0 { --tone: #12795A; --tone-bg: #DCF3EA; } .tone-1 { --tone: #2D7FB8; --tone-bg: #E1EFF8; } .tone-2 { --tone: #B4713A; --tone-bg: #F8EBE0; } .tone-3 { --tone: #7A5AA8; --tone-bg: #EEE8F7; } .tone-4 { --tone: #C6423C; --tone-bg: #FAE7E6; } .tone-5 { --tone: #0F8B8D; --tone-bg: #DBF1F1; } .tone-6 { --tone: #A8791B; --tone-bg: #F8EFD8; } .tone-7 { --tone: #4C6EAF; --tone-bg: #E5EAF6; } .tone-8 { --tone: #6E8B1E; --tone-bg: #EDF3D9; } .tone-9 { --tone: #B24C7E; --tone-bg: #F8E5EE; } .tone-10 { --tone: #3E7D5A; --tone-bg: #E2F1E9; } .tone-11 { --tone: #8A6240; --tone-bg: #F3EAE1; } [data-mode="dark"] .tone-0 { --tone-bg: #10382A; } [data-mode="dark"] .tone-1 { --tone-bg: #12293A; } [data-mode="dark"] .tone-2 { --tone-bg: #33220F; } [data-mode="dark"] .tone-3 { --tone-bg: #241C36; } [data-mode="dark"] .tone-4 { --tone-bg: #351616; } [data-mode="dark"] .tone-5 { --tone-bg: #0E2E2E; } [data-mode="dark"] .tone-6 { --tone-bg: #30260C; } [data-mode="dark"] .tone-7 { --tone-bg: #1A2238; } [data-mode="dark"] .tone-8 { --tone-bg: #22290D; } [data-mode="dark"] .tone-9 { --tone-bg: #331726; } [data-mode="dark"] .tone-10 { --tone-bg: #14291E; } [data-mode="dark"] .tone-11 { --tone-bg: #2A2016; }