/* ============================================================================= ID Services · Colores de marca — ARCHIVO GENERADO, no editar a mano node tools/design-tokens.mjs --css > assets/css/marcas.css Cada marca sale de UN color: el de su logo. Las escalas, los pasteles y los tonos casi negros se calculan en OKLCH, para que un mismo paso de luminosidad se vea igual en un rojo que en un ámbar. Se activa con . El modo oscuro sigue al sistema, y se puede forzar con . ============================================================================= */ /* ---------- ID Services · logo #26A7AF ---------- */ :root { --accent: #008188; --accent-strong: #00686D; --accent-soft: #D5F4F6; --accent-softer: #EAFAFB; --accent-text: #008188; --accent-contrast: #FFFFFF; --brand-logo: #26A7AF; --brand-secondary: #183340; --bg: #F7FBFB; --surface: #FEFFFF; --surface-2: #F0F4F4; --surface-3: #E3E9E9; --border: #E3E9E9; --border-strong: #D2D7D7; --text: #141B1B; --text-muted: #687071; --text-soft: #868E8F; --text-invert: #FEFFFF; --success: #136B33; --success-soft: #E7F6EC; --warning: #B45309; --warning-soft: #FEF3E2; --danger: #B91C1C; --danger-soft: #FDECEC; --info: #1D4ED8; --info-soft: #E8F0FE; } :root[data-theme="dark"] { --accent: #58BBC2; --accent-strong: #8DD4D9; --accent-soft: #002629; --accent-softer: #001719; --accent-text: #58BBC2; --accent-contrast: #0B1212; --brand-logo: #26A7AF; --brand-secondary: #183340; --bg: #0B1212; --surface: #141B1B; --surface-2: #202727; --surface-3: #0B1212; --border: #202727; --border-strong: #323A3A; --text: #F0F4F4; --text-muted: #ADB2B3; --text-soft: #868E8F; --text-invert: #0B1212; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --accent: #58BBC2; --accent-strong: #8DD4D9; --accent-soft: #002629; --accent-softer: #001719; --accent-text: #58BBC2; --accent-contrast: #0B1212; --brand-logo: #26A7AF; --brand-secondary: #183340; --bg: #0B1212; --surface: #141B1B; --surface-2: #202727; --surface-3: #0B1212; --border: #202727; --border-strong: #323A3A; --text: #F0F4F4; --text-muted: #ADB2B3; --text-soft: #868E8F; --text-invert: #0B1212; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } } /* ---------- My Nurse · logo #C0272E ---------- */ [data-brand="my_nurse"] { --accent: #C83035; --accent-strong: #A81722; --accent-soft: #FFE6E4; --accent-softer: #FFF4F3; --accent-text: #C83035; --accent-contrast: #FFFFFF; --brand-logo: #C0272E; --brand-secondary: #1E1E1E; --bg: #FDF9F9; --surface: #FFFFFF; --surface-2: #F6F2F2; --surface-3: #ECE6E6; --border: #ECE6E6; --border-strong: #DAD4D4; --text: #1E1817; --text-muted: #746D6C; --text-soft: #928A89; --text-invert: #FFFFFF; --success: #136B33; --success-soft: #E7F6EC; --warning: #B45309; --warning-soft: #FEF3E2; --danger: #B91C1C; --danger-soft: #FDECEC; --info: #1D4ED8; --info-soft: #E8F0FE; } [data-theme="dark"] [data-brand="my_nurse"] { --accent: #FF7B74; --accent-strong: #FFADA6; --accent-soft: #430307; --accent-softer: #2B0103; --accent-text: #FF7B74; --accent-contrast: #150F0E; --brand-logo: #C0272E; --brand-secondary: #1E1E1E; --bg: #150F0E; --surface: #1E1817; --surface-2: #2A2323; --surface-3: #150F0E; --border: #2A2323; --border-strong: #3D3635; --text: #F6F2F2; --text-muted: #B5B0AF; --text-soft: #928A89; --text-invert: #150F0E; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-brand="my_nurse"] { --accent: #FF7B74; --accent-strong: #FFADA6; --accent-soft: #430307; --accent-softer: #2B0103; --accent-text: #FF7B74; --accent-contrast: #150F0E; --brand-logo: #C0272E; --brand-secondary: #1E1E1E; --bg: #150F0E; --surface: #1E1817; --surface-2: #2A2323; --surface-3: #150F0E; --border: #2A2323; --border-strong: #3D3635; --text: #F6F2F2; --text-muted: #B5B0AF; --text-soft: #928A89; --text-invert: #150F0E; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } } /* ---------- Mechanical FIX · logo #ED9624 ---------- */ [data-brand="mechanical_fix"] { --accent: #A06100; --accent-strong: #814D00; --accent-soft: #FFE8D2; --accent-softer: #FFF5EB; --accent-text: #A06100; --accent-contrast: #FFFFFF; --brand-logo: #ED9624; --brand-secondary: #33393A; --bg: #FCFAF7; --surface: #FFFFFF; --surface-2: #F5F3F1; --surface-3: #EBE7E4; --border: #EBE7E4; --border-strong: #D9D5D2; --text: #1D1915; --text-muted: #736E69; --text-soft: #908B86; --text-invert: #FFFFFF; --success: #136B33; --success-soft: #E7F6EC; --warning: #B45309; --warning-soft: #FEF3E2; --danger: #B91C1C; --danger-soft: #FDECEC; --info: #1D4ED8; --info-soft: #E8F0FE; } [data-theme="dark"] [data-brand="mechanical_fix"] { --accent: #E2963D; --accent-strong: #F4B87A; --accent-soft: #311A00; --accent-softer: #1F0E00; --accent-text: #E2963D; --accent-contrast: #14100C; --brand-logo: #ED9624; --brand-secondary: #33393A; --bg: #14100C; --surface: #1D1915; --surface-2: #292420; --surface-3: #14100C; --border: #292420; --border-strong: #3C3733; --text: #F5F3F1; --text-muted: #B4B0AD; --text-soft: #908B86; --text-invert: #14100C; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-brand="mechanical_fix"] { --accent: #E2963D; --accent-strong: #F4B87A; --accent-soft: #311A00; --accent-softer: #1F0E00; --accent-text: #E2963D; --accent-contrast: #14100C; --brand-logo: #ED9624; --brand-secondary: #33393A; --bg: #14100C; --surface: #1D1915; --surface-2: #292420; --surface-3: #14100C; --border: #292420; --border-strong: #3C3733; --text: #F5F3F1; --text-muted: #B4B0AD; --text-soft: #908B86; --text-invert: #14100C; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } } /* ---------- Home FIX · logo #F99D1B · acento de interfaz #012659 ---------- */ [data-brand="home_fix"] { --accent: #4B72AC; --accent-strong: #375B8F; --accent-soft: #E2EEFF; --accent-softer: #F2F7FF; --accent-text: #4B72AC; --accent-contrast: #FFFFFF; --brand-logo: #F99D1B; --brand-secondary: #F99D1B; --bg: #F8FAFD; --surface: #FFFFFF; --surface-2: #F2F3F6; --surface-3: #E5E8EC; --border: #E5E8EC; --border-strong: #D3D6DA; --text: #171A1E; --text-muted: #6B6F75; --text-soft: #888C92; --text-invert: #FFFFFF; --success: #136B33; --success-soft: #E7F6EC; --warning: #B45309; --warning-soft: #FEF3E2; --danger: #B91C1C; --danger-soft: #FDECEC; --info: #1D4ED8; --info-soft: #E8F0FE; } [data-theme="dark"] [data-brand="home_fix"] { --accent: #86ABE1; --accent-strong: #AAC8F3; --accent-soft: #102138; --accent-softer: #071323; --accent-text: #86ABE1; --accent-contrast: #0E1115; --brand-logo: #F99D1B; --brand-secondary: #F99D1B; --bg: #0E1115; --surface: #171A1E; --surface-2: #22252A; --surface-3: #0E1115; --border: #22252A; --border-strong: #35383D; --text: #F2F3F6; --text-muted: #AFB1B5; --text-soft: #888C92; --text-invert: #0E1115; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-brand="home_fix"] { --accent: #86ABE1; --accent-strong: #AAC8F3; --accent-soft: #102138; --accent-softer: #071323; --accent-text: #86ABE1; --accent-contrast: #0E1115; --brand-logo: #F99D1B; --brand-secondary: #F99D1B; --bg: #0E1115; --surface: #171A1E; --surface-2: #22252A; --surface-3: #0E1115; --border: #22252A; --border-strong: #35383D; --text: #F2F3F6; --text-muted: #AFB1B5; --text-soft: #888C92; --text-invert: #0E1115; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } } /* ---------- ID Trainers · logo #3D4252 ---------- */ [data-brand="id_trainers"] { --accent: #6B7183; --accent-strong: #555A6A; --accent-soft: #EBEDF3; --accent-softer: #F5F7FA; --accent-text: #6B7183; --accent-contrast: #FFFFFF; --brand-logo: #3D4252; --bg: #F9FAFD; --surface: #FFFFFF; --surface-2: #F2F3F6; --surface-3: #E6E8EC; --border: #E6E8EC; --border-strong: #D4D6DA; --text: #18191E; --text-muted: #6C6E75; --text-soft: #8A8C92; --text-invert: #FFFFFF; --success: #136B33; --success-soft: #E7F6EC; --warning: #B45309; --warning-soft: #FEF3E2; --danger: #B91C1C; --danger-soft: #FDECEC; --info: #1D4ED8; --info-soft: #E8F0FE; } [data-theme="dark"] [data-brand="id_trainers"] { --accent: #A3A9B9; --accent-strong: #C1C5D3; --accent-soft: #1E2027; --accent-softer: #111218; --accent-text: #A3A9B9; --accent-contrast: #0F1015; --brand-logo: #3D4252; --bg: #0F1015; --surface: #18191E; --surface-2: #23252A; --surface-3: #0F1015; --border: #23252A; --border-strong: #36383D; --text: #F2F3F6; --text-muted: #AFB1B5; --text-soft: #8A8C92; --text-invert: #0F1015; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-brand="id_trainers"] { --accent: #A3A9B9; --accent-strong: #C1C5D3; --accent-soft: #1E2027; --accent-softer: #111218; --accent-text: #A3A9B9; --accent-contrast: #0F1015; --brand-logo: #3D4252; --bg: #0F1015; --surface: #18191E; --surface-2: #23252A; --surface-3: #0F1015; --border: #23252A; --border-strong: #36383D; --text: #F2F3F6; --text-muted: #AFB1B5; --text-soft: #8A8C92; --text-invert: #0F1015; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } } /* ---------- BeautyGo · logo #381630 ---------- */ [data-brand="beautygo"] { --accent: #8B6380; --accent-strong: #724D68; --accent-soft: #F6E8F2; --accent-softer: #FCF4F9; --accent-text: #8B6380; --accent-contrast: #FFFFFF; --brand-logo: #381630; --brand-secondary: #E6B2A2; --bg: #FCF9FB; --surface: #FFFFFF; --surface-2: #F5F2F4; --surface-3: #EBE6E9; --border: #EBE6E9; --border-strong: #D9D4D7; --text: #1D181B; --text-muted: #736C71; --text-soft: #908A8E; --text-invert: #FFFFFF; --success: #136B33; --success-soft: #E7F6EC; --warning: #B45309; --warning-soft: #FEF3E2; --danger: #B91C1C; --danger-soft: #FDECEC; --info: #1D4ED8; --info-soft: #E8F0FE; } [data-theme="dark"] [data-brand="beautygo"] { --accent: #C29CB7; --accent-strong: #DABBD0; --accent-soft: #2B1A26; --accent-softer: #1A0E17; --accent-text: #C29CB7; --accent-contrast: #130F12; --brand-logo: #381630; --brand-secondary: #E6B2A2; --bg: #130F12; --surface: #1D181B; --surface-2: #292327; --surface-3: #130F12; --border: #292327; --border-strong: #3C363A; --text: #F5F2F4; --text-muted: #B4B0B2; --text-soft: #908A8E; --text-invert: #130F12; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) [data-brand="beautygo"] { --accent: #C29CB7; --accent-strong: #DABBD0; --accent-soft: #2B1A26; --accent-softer: #1A0E17; --accent-text: #C29CB7; --accent-contrast: #130F12; --brand-logo: #381630; --brand-secondary: #E6B2A2; --bg: #130F12; --surface: #1D181B; --surface-2: #292327; --surface-3: #130F12; --border: #292327; --border-strong: #3C363A; --text: #F5F2F4; --text-muted: #B4B0B2; --text-soft: #908A8E; --text-invert: #130F12; --success: #4ADE80; --success-soft: #0E2E1B; --warning: #FBBF24; --warning-soft: #33230A; --danger: #F87171; --danger-soft: #3A1414; --info: #60A5FA; --info-soft: #101F3D; } }