/* MANEE brand tokens. Vygenerováno z tokens/tokens.json, neupravovat ručně. */ :root { --manee-color-palette-paper: #F3F1EC; --manee-color-palette-porcelain: #FBFAF7; --manee-color-palette-sand: #E9E6DF; --manee-color-palette-ink: #1A1A18; --manee-color-palette-ink-hover: #3A3935; --manee-color-palette-slate: #5E5C57; --manee-color-palette-ash: #6B6862; --manee-color-palette-line: #D9D5CC; --manee-color-palette-field: #8A877F; --manee-color-palette-night: #141413; --manee-color-palette-night-line: #3A3935; --manee-color-palette-stone: #A9A59B; --manee-color-palette-ivory: #ECE7DC; --manee-color-palette-champagne: #C9B27C; --manee-color-palette-champagne-hover: #D8C597; --manee-color-palette-bronze: #7A6730; --manee-color-palette-gold-line: #B9A266; --manee-color-palette-steel: #3F5B7A; --manee-color-palette-chart-gold: #9C8648; --manee-color-palette-gold-100: #F1EAD6; --manee-color-palette-gold-200: #E8DEC1; --manee-color-palette-gold-300: #E0D2AC; --manee-color-palette-gold-400: #D4C294; --manee-color-palette-gold-500: #C9B27C; --manee-color-palette-gold-600: #B6A068; --manee-color-palette-gold-700: #A38E55; --manee-color-palette-gold-800: #8E7A42; --manee-color-palette-gold-900: #7A6730; --manee-color-palette-state-success: #2E5A43; --manee-color-palette-state-success-soft: #E2EBE5; --manee-color-palette-state-warning: #7A6730; --manee-color-palette-state-warning-soft: #F6F1E1; --manee-color-palette-state-error: #8F2A27; --manee-color-palette-state-error-dark: #6F201E; --manee-color-palette-state-error-soft: #F5E1DF; --manee-color-palette-state-info: #2B4A73; --manee-color-palette-state-info-soft: #E4EAF2; --manee-color-bg-page: var(--manee-color-palette-paper); --manee-color-bg-surface: var(--manee-color-palette-porcelain); --manee-color-bg-subtle: var(--manee-color-palette-sand); --manee-color-bg-brand: var(--manee-color-palette-ink); --manee-color-bg-brand-soft: var(--manee-color-palette-gold-100); --manee-color-bg-inverse: var(--manee-color-palette-night); --manee-color-bg-overlay: rgba(20, 20, 19, 0.6); --manee-color-text-default: var(--manee-color-palette-ink); --manee-color-text-muted: var(--manee-color-palette-slate); --manee-color-text-subtle: var(--manee-color-palette-ash); --manee-color-text-brand: var(--manee-color-palette-bronze); --manee-color-text-on-brand: var(--manee-color-palette-ivory); --manee-color-text-on-brand-soft: var(--manee-color-palette-ink); --manee-color-text-link: var(--manee-color-palette-ink); --manee-color-text-disabled: var(--manee-color-palette-field); --manee-color-text-on-inverse: var(--manee-color-palette-ivory); --manee-color-text-muted-on-inverse: var(--manee-color-palette-stone); --manee-color-text-accent-on-inverse: var(--manee-color-palette-champagne); --manee-color-border-default: var(--manee-color-palette-line); --manee-color-border-input: var(--manee-color-palette-field); --manee-color-border-strong: var(--manee-color-palette-ink); --manee-color-border-focus: var(--manee-color-palette-bronze); --manee-color-border-focus-halo: var(--manee-color-palette-paper); --manee-color-border-sticker: var(--manee-color-palette-paper); --manee-color-border-accent: var(--manee-color-palette-gold-line); --manee-color-border-inverse: var(--manee-color-palette-night-line); --manee-color-border-focus-inverse: var(--manee-color-palette-champagne); --manee-color-action-primary-bg: var(--manee-color-palette-ink); --manee-color-action-primary-bg-hover: var(--manee-color-palette-ink-hover); --manee-color-action-primary-fg: var(--manee-color-palette-ivory); --manee-color-action-secondary-border: var(--manee-color-palette-ink); --manee-color-action-secondary-fg: var(--manee-color-palette-ink); --manee-color-action-secondary-bg-hover: var(--manee-color-palette-sand); --manee-color-action-on-brand-bg: var(--manee-color-palette-champagne); --manee-color-action-on-brand-fg: var(--manee-color-palette-ink); --manee-color-action-on-brand-bg-hover: var(--manee-color-palette-champagne-hover); --manee-color-action-danger-bg: var(--manee-color-palette-state-error); --manee-color-action-danger-bg-hover: var(--manee-color-palette-state-error-dark); --manee-color-action-danger-fg: var(--manee-color-palette-porcelain); --manee-color-action-disabled-bg: var(--manee-color-palette-sand); --manee-color-action-disabled-fg: var(--manee-color-palette-field); --manee-color-status-success-fg: var(--manee-color-palette-state-success); --manee-color-status-success-bg: var(--manee-color-palette-state-success-soft); --manee-color-status-success-solid: var(--manee-color-palette-state-success); --manee-color-status-warning-fg: var(--manee-color-palette-state-warning); --manee-color-status-warning-bg: var(--manee-color-palette-state-warning-soft); --manee-color-status-warning-solid: var(--manee-color-palette-state-warning); --manee-color-status-danger-fg: var(--manee-color-palette-state-error); --manee-color-status-danger-bg: var(--manee-color-palette-state-error-soft); --manee-color-status-danger-solid: var(--manee-color-palette-state-error); --manee-color-status-info-fg: var(--manee-color-palette-state-info); --manee-color-status-info-bg: var(--manee-color-palette-state-info-soft); --manee-color-status-info-solid: var(--manee-color-palette-state-info); --manee-color-chart-categorical-1: var(--manee-color-palette-ink); --manee-color-chart-categorical-2: var(--manee-color-palette-chart-gold); --manee-color-chart-categorical-3: var(--manee-color-palette-steel); --manee-color-chart-categorical-4: var(--manee-color-palette-slate); --manee-color-chart-categorical-5: var(--manee-color-palette-field); --manee-color-chart-categorical-6: var(--manee-color-palette-stone); --manee-color-chart-sequential-100: var(--manee-color-palette-gold-100); --manee-color-chart-sequential-200: var(--manee-color-palette-gold-200); --manee-color-chart-sequential-300: var(--manee-color-palette-gold-300); --manee-color-chart-sequential-400: var(--manee-color-palette-gold-400); --manee-color-chart-sequential-500: var(--manee-color-palette-gold-500); --manee-color-chart-sequential-600: var(--manee-color-palette-gold-600); --manee-color-chart-sequential-700: var(--manee-color-palette-gold-700); --manee-color-chart-sequential-800: var(--manee-color-palette-gold-800); --manee-color-chart-sequential-900: var(--manee-color-palette-gold-900); --manee-color-chart-positive: var(--manee-color-palette-ink); --manee-color-chart-negative: var(--manee-color-palette-state-error); --manee-color-chart-midpoint: var(--manee-color-palette-sand); --manee-color-chart-grid: var(--manee-color-palette-line); --manee-color-chart-axis: var(--manee-color-palette-slate); --manee-font-family-display: Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-font-family-body: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; --manee-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --manee-font-weight-regular: 400; --manee-font-weight-medium: 500; --manee-font-weight-semibold: 600; --manee-font-weight-bold: 700; --manee-font-weight-extrabold: 800; --manee-font-weight-black: 900; --manee-typography-display-xl: 400 136px/0.98 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-display-l: 400 96px/0.98 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-heading-1: 400 64px/1.04 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-heading-2: 400 44px/1.1 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-heading-3: 400 30px/1.2 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-heading-4: 400 22px/1.3 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-body-l: 400 20px/1.6 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; --manee-typography-body: 400 17px/1.6 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; --manee-typography-body-app: 400 15px/1.5 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; --manee-typography-body-s: 400 15px/1.45 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; --manee-typography-caption: 400 13px/1.4 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; --manee-typography-label: 600 14px/1.43 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; --manee-typography-button: 600 16px/1.25 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; --manee-typography-number-xl: 400 96px/1 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-number-l: 400 40px/1.1 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-eyebrow: 600 13px/1.4 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; --manee-typography-caption-s: 600 12px/1.35 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; --manee-typography-heading-1-app: 400 32px/1.2 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-heading-2-app: 400 24px/1.25 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-heading-3-app: 400 18px/1.3 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-display-xl-mobile: 400 56px/1 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-heading-1-mobile: 400 40px/1.08 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-typography-heading-2-mobile: 400 32px/1.15 Newsreader, 'Iowan Old Style', 'Palatino Linotype', Georgia, serif; --manee-space-0: 0px; --manee-space-1: 4px; --manee-space-2: 8px; --manee-space-3: 12px; --manee-space-4: 16px; --manee-space-5: 20px; --manee-space-6: 24px; --manee-space-8: 32px; --manee-space-10: 40px; --manee-space-12: 48px; --manee-space-14: 56px; --manee-space-16: 64px; --manee-space-20: 80px; --manee-space-30: 120px; --manee-space-32: 128px; --manee-space-36: 144px; --manee-space-40: 160px; --manee-radius-none: 0px; --manee-radius-xs: 2px; --manee-radius-s: 2px; --manee-radius-m: 2px; --manee-radius-l: 2px; --manee-radius-xl: 2px; --manee-radius-xxl: 2px; --manee-radius-pill: 2px; --manee-radius-round: 9999px; --manee-border-width-hairline: 1px; --manee-border-width-default: 1px; --manee-border-width-strong: 2px; --manee-border-width-sticker: 1px; --manee-shadow-sticker: 0px 0px 0px 0px rgba(26, 26, 24, 0); --manee-shadow-card: 0px 0px 0px 0px rgba(26, 26, 24, 0); --manee-shadow-popover: 0px 0px 0px 0px rgba(26, 26, 24, 0); --manee-shadow-device: 0px 0px 0px 0px rgba(26, 26, 24, 0); --manee-breakpoint-sm: 640px; --manee-breakpoint-md: 768px; --manee-breakpoint-lg: 1024px; --manee-breakpoint-xl: 1280px; --manee-breakpoint-xxl: 1440px; --manee-size-control-s: 40px; --manee-size-control-m: 48px; --manee-size-control-l: 56px; --manee-size-touch-min: 44px; --manee-size-icon-s: 16px; --manee-size-icon-m: 20px; --manee-size-icon-l: 24px; --manee-size-content-max: 1280px; --manee-size-logo-min: 24px; --manee-icon-stroke: 1.5; --manee-icon-grid: 24px; --manee-motion-duration-instant: 80ms; --manee-motion-duration-fast: 150ms; --manee-motion-duration-base: 220ms; --manee-motion-duration-slow: 400ms; --manee-motion-duration-sticker: 400ms; --manee-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1); --manee-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1); --manee-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1); --manee-motion-easing-bounce: cubic-bezier(0.2, 0, 0, 1); --manee-logo-clear-space: 0.5; --manee-logo-min-height: 24px; --manee-typography-display-xl-letter-spacing: -4.08px; --manee-typography-display-l-letter-spacing: -2.88px; --manee-typography-heading-1-letter-spacing: -1.6px; --manee-typography-heading-2-letter-spacing: -0.88px; --manee-typography-heading-3-letter-spacing: -0.3px; --manee-typography-heading-4-letter-spacing: 0px; --manee-typography-body-l-letter-spacing: 0px; --manee-typography-body-letter-spacing: 0px; --manee-typography-body-app-letter-spacing: 0px; --manee-typography-body-s-letter-spacing: 0px; --manee-typography-caption-letter-spacing: 0px; --manee-typography-label-letter-spacing: 0px; --manee-typography-button-letter-spacing: 0.16px; --manee-typography-number-xl-letter-spacing: -2.88px; --manee-typography-number-l-letter-spacing: -0.4px; --manee-typography-eyebrow-letter-spacing: 1.56px; --manee-typography-caption-s-letter-spacing: 0.48px; --manee-typography-heading-1-app-letter-spacing: -0.48px; --manee-typography-heading-2-app-letter-spacing: -0.24px; --manee-typography-heading-3-app-letter-spacing: 0px; --manee-typography-display-xl-mobile-letter-spacing: -1.68px; --manee-typography-heading-1-mobile-letter-spacing: -1px; --manee-typography-heading-2-mobile-letter-spacing: -0.64px; } /* OKLCH hodnoty pro prohlížeče, které je umí (předvídatelnější odstíny). */ @supports (color: oklch(0% 0 0)) { :root { --manee-color-palette-paper: oklch(95.8% 0.007 88.6); --manee-color-palette-porcelain: oklch(98.5% 0.004 91.4); --manee-color-palette-sand: oklch(92.5% 0.01 87.5); --manee-color-palette-ink: oklch(21.7% 0.004 106.7); --manee-color-palette-ink-hover: oklch(34.4% 0.007 95.3); --manee-color-palette-slate: oklch(47.5% 0.008 88.7); --manee-color-palette-ash: oklch(51.8% 0.01 84.6); --manee-color-palette-line: oklch(87.4% 0.013 86.8); --manee-color-palette-field: oklch(62.4% 0.012 89.8); --manee-color-palette-night: oklch(19.1% 0.002 106.6); --manee-color-palette-night-line: oklch(34.4% 0.007 95.3); --manee-color-palette-stone: oklch(72.2% 0.015 88.7); --manee-color-palette-ivory: oklch(92.9% 0.016 86.4); --manee-color-palette-champagne: oklch(77.1% 0.076 87.5); --manee-color-palette-champagne-hover: oklch(82.8% 0.064 88.2); --manee-color-palette-bronze: oklch(52.0% 0.078 90.5); --manee-color-palette-gold-line: oklch(71.9% 0.083 89.3); --manee-color-palette-steel: oklch(46.3% 0.061 251.7); --manee-color-palette-chart-gold: oklch(62.7% 0.086 90.3); --manee-color-palette-gold-100: oklch(93.7% 0.028 90.9); --manee-color-palette-gold-200: oklch(90.1% 0.04 91.2); --manee-color-palette-gold-300: oklch(86.6% 0.053 90.2); --manee-color-palette-gold-400: oklch(81.8% 0.064 89.2); --manee-color-palette-gold-500: oklch(77.1% 0.076 87.5); --manee-color-palette-gold-600: oklch(71.2% 0.079 88.9); --manee-color-palette-gold-700: oklch(65.3% 0.08 89.9); --manee-color-palette-gold-800: oklch(58.6% 0.079 90.2); --manee-color-palette-gold-900: oklch(52.0% 0.078 90.5); --manee-color-palette-state-success: oklch(42.9% 0.063 159.3); --manee-color-palette-state-success-soft: oklch(93.2% 0.012 157); --manee-color-palette-state-warning: oklch(52.0% 0.078 90.5); --manee-color-palette-state-warning-soft: oklch(95.8% 0.022 92.5); --manee-color-palette-state-error: oklch(44.1% 0.137 26.2); --manee-color-palette-state-error-dark: oklch(36.9% 0.112 25.7); --manee-color-palette-state-error-soft: oklch(92.5% 0.022 24.4); --manee-color-palette-state-info: oklch(40.6% 0.079 255.9); --manee-color-palette-state-info-soft: oklch(93.5% 0.013 255.5); } } /* Jen světlý režim (color-scheme: light). Tmavý režim je ve verzi 2.0.0 vyřazen. */ :root { color-scheme: light; font-optical-sizing: auto; }