GIF94;
MINI MO Shell - Tarih Gösterimli
MINI MINI MANI MO - TARİH GÖSTERİMLİ
:root {
--base-primary: #146559;
--primary-rgb: 20, 101, 89;
--bg-primary: #f3f7f7;
--surface-primary: #d0e0de;
--subtle-primary: #adc9c5;
--border-primary: #8ab2ac;
--muted-primary: #72a39b;
--hover-primary: #11564c;
--text-primary: #0f4c43;
--active-primary: #0d423a;
--heading-primary: #0a332d;
--dark-primary: #07231f;
--base-secondary: #564138;
--secondary-rgb: 86, 65, 56;
--bg-secondary: #f7f6f5;
--surface-secondary: #ddd9d7;
--subtle-secondary: #c4bdb9;
--border-secondary: #aba09c;
--muted-secondary: #9a8d88;
--hover-secondary: #493730;
--text-secondary: #41312a;
--active-secondary: #382a24;
--heading-secondary: #2b211c;
--dark-secondary: #1e1714;
--base-tertiary: #c1edcc;
--tertiary-rgb: 193, 237, 204;
--bg-tertiary: #fcfefc;
--surface-tertiary: #f3fbf5;
--subtle-tertiary: #e9f9ed;
--border-tertiary: #e0f6e6;
--muted-tertiary: #daf4e0;
--hover-tertiary: #a4c9ad;
--text-tertiary: #91b299;
--active-tertiary: #7d9a85;
--heading-tertiary: #617766;
--dark-tertiary: #445347;
--base-accent: #fcc52d;
--accent-rgb: 252, 197, 45;
--bg-accent: #fffcf5;
--surface-accent: #fef3d5;
--subtle-accent: #feebb6;
--border-accent: #fee296;
--muted-accent: #fddc81;
--hover-accent: #d6a726;
--text-accent: #bd9422;
--active-accent: #a4801d;
--heading-accent: #7e6317;
--dark-accent: #584510;
--base-neutral: #acb9b7;
--neutral-rgb: 172, 185, 183;
--bg-neutral: #f4f5f5;
--surface-neutral: #eceeee;
--subtle-neutral: #dfe2e2;
--border-neutral: #ced4d3;
--muted-neutral: #bec6c5;
--hover-neutral: #859996;
--text-neutral: #607673;
--active-neutral: #3f504e;
--heading-neutral: #1e2928;
--dark-neutral: #0f1514;
--base-white: #FFFFFF;
--white-rgb: 255, 255, 255;
--base-black: #000000;
--black-rgb: 0, 0, 0;
/* Alpha Color Variables */
--primary-10: rgba(var(--primary-rgb), 0.10);
--primary-20: rgba(var(--primary-rgb), 0.20);
--primary-30: rgba(var(--primary-rgb), 0.30);
--primary-40: rgba(var(--primary-rgb), 0.40);
--primary-50: rgba(var(--primary-rgb), 0.50);
--primary-60: rgba(var(--primary-rgb), 0.60);
--primary-70: rgba(var(--primary-rgb), 0.70);
--primary-80: rgba(var(--primary-rgb), 0.80);
--primary-90: rgba(var(--primary-rgb), 0.90);
--secondary-10: rgba(var(--secondary-rgb), 0.10);
--secondary-20: rgba(var(--secondary-rgb), 0.20);
--secondary-30: rgba(var(--secondary-rgb), 0.30);
--secondary-40: rgba(var(--secondary-rgb), 0.40);
--secondary-50: rgba(var(--secondary-rgb), 0.50);
--secondary-60: rgba(var(--secondary-rgb), 0.60);
--secondary-70: rgba(var(--secondary-rgb), 0.70);
--secondary-80: rgba(var(--secondary-rgb), 0.80);
--secondary-90: rgba(var(--secondary-rgb), 0.90);
--tertiary-10: rgba(var(--tertiary-rgb), 0.10);
--tertiary-20: rgba(var(--tertiary-rgb), 0.20);
--tertiary-30: rgba(var(--tertiary-rgb), 0.30);
--tertiary-40: rgba(var(--tertiary-rgb), 0.40);
--tertiary-50: rgba(var(--tertiary-rgb), 0.50);
--tertiary-60: rgba(var(--tertiary-rgb), 0.60);
--tertiary-70: rgba(var(--tertiary-rgb), 0.70);
--tertiary-80: rgba(var(--tertiary-rgb), 0.80);
--tertiary-90: rgba(var(--tertiary-rgb), 0.90);
--accent-10: rgba(var(--accent-rgb), 0.10);
--accent-20: rgba(var(--accent-rgb), 0.20);
--accent-30: rgba(var(--accent-rgb), 0.30);
--accent-40: rgba(var(--accent-rgb), 0.40);
--accent-50: rgba(var(--accent-rgb), 0.50);
--accent-60: rgba(var(--accent-rgb), 0.60);
--accent-70: rgba(var(--accent-rgb), 0.70);
--accent-80: rgba(var(--accent-rgb), 0.80);
--accent-90: rgba(var(--accent-rgb), 0.90);
--neutral-10: rgba(var(--neutral-rgb), 0.10);
--neutral-20: rgba(var(--neutral-rgb), 0.20);
--neutral-30: rgba(var(--neutral-rgb), 0.30);
--neutral-40: rgba(var(--neutral-rgb), 0.40);
--neutral-50: rgba(var(--neutral-rgb), 0.50);
--neutral-60: rgba(var(--neutral-rgb), 0.60);
--neutral-70: rgba(var(--neutral-rgb), 0.70);
--neutral-80: rgba(var(--neutral-rgb), 0.80);
--neutral-90: rgba(var(--neutral-rgb), 0.90);
--white-10: rgba(var(--white-rgb), 0.10);
--white-20: rgba(var(--white-rgb), 0.20);
--white-30: rgba(var(--white-rgb), 0.30);
--white-40: rgba(var(--white-rgb), 0.40);
--white-50: rgba(var(--white-rgb), 0.50);
--white-60: rgba(var(--white-rgb), 0.60);
--white-70: rgba(var(--white-rgb), 0.70);
--white-80: rgba(var(--white-rgb), 0.80);
--white-90: rgba(var(--white-rgb), 0.90);
--black-10: rgba(var(--black-rgb), 0.10);
--black-20: rgba(var(--black-rgb), 0.20);
--black-30: rgba(var(--black-rgb), 0.30);
--black-40: rgba(var(--black-rgb), 0.40);
--black-50: rgba(var(--black-rgb), 0.50);
--black-60: rgba(var(--black-rgb), 0.60);
--black-70: rgba(var(--black-rgb), 0.70);
--black-80: rgba(var(--black-rgb), 0.80);
--black-90: rgba(var(--black-rgb), 0.90);
/* Fluid Spacing Variables */
--s1: clamp(4px, calc(0.125rem + ((1vw - 3.6px) * 0.1852)), 4px);
--s2: clamp(8px, calc(0.25rem + ((1vw - 3.6px) * 0.3704)), 8px);
--s3: clamp(8px, calc(0.375rem + ((1vw - 3.6px) * 0.5556)), 12px);
--s4: clamp(10px, calc(0.5rem + ((1vw - 3.6px) * 0.7407)), 16px);
--s5: clamp(12px, calc(0.625rem + ((1vw - 3.6px) * 0.9259)), 20px);
--s6: clamp(14px, calc(0.75rem + ((1vw - 3.6px) * 1.1111)), 24px);
--s7: clamp(14px, calc(0.875rem + ((1vw - 3.6px) * 1.2963)), 28px);
--s8: clamp(16px, calc(1rem + ((1vw - 3.6px) * 1.4815)), 32px);
--s9: clamp(18px, calc(1.125rem + ((1vw - 3.6px) * 1.6667)), 36px);
--s10: clamp(20px, calc(1.25rem + ((1vw - 3.6px) * 1.8519)), 40px);
--s12: clamp(24px, calc(1.5rem + ((1vw - 3.6px) * 2.2222)), 48px);
--s14: clamp(28px, calc(1.75rem + ((1vw - 3.6px) * 2.5926)), 56px);
--s16: clamp(32px, calc(2rem + ((1vw - 3.6px) * 2.963)), 64px);
--s20: clamp(40px, calc(2.5rem + ((1vw - 3.6px) * 3.7037)), 80px);
--s24: clamp(48px, calc(3rem + ((1vw - 3.6px) * 4.4444)), 96px);
--s28: clamp(56px, calc(3.5rem + ((1vw - 3.6px) * 5.1852)), 112px);
--s32: clamp(64px, calc(4rem + ((1vw - 3.6px) * 5.9259)), 128px);
--s36: clamp(72px, calc(4.5rem + ((1vw - 3.6px) * 6.6667)), 144px);
--s40: clamp(80px, calc(5rem + ((1vw - 3.6px) * 7.4074)), 160px);
--s44: clamp(88px, calc(5.5rem + ((1vw - 3.6px) * 8.1491)), 176px);
--s48: clamp(96px, calc(6rem + ((1vw - 3.6px) * 9.2593)), 192px);
--s56: clamp(112px, calc(7rem + ((1vw - 3.6px) * 11.029)), 224px);
--s64: clamp(128px, calc(8rem + ((1vw - 3.6px) * 12.5926)), 256px);
--s72: clamp(144px, calc(9rem + ((1vw - 3.6px) * 14.1491)), 288px);
--ss-none: 0px;
--ss-xxs: clamp(10px, calc(0.625rem + ((1vw - 3.6px) * 0.9259)), 20px);
--ss-xs: clamp(20px, calc(1.25rem + ((1vw - 3.6px) * 1.8519)), 40px);
--ss-sm: clamp(32px, calc(2rem + ((1vw - 3.6px) * 2.963)), 64px);
--ss-md: clamp(40px, calc(2.5rem + ((1vw - 3.6px) * 3.7037)), 80px);
--ss-lg: clamp(64px, calc(4rem + ((1vw - 3.6px) * 5.9259)), 128px);
--ss-xl: clamp(80px, calc(5rem + ((1vw - 3.6px) * 7.4074)), 160px);
--ss-xxl: clamp(128px, calc(8rem + ((1vw - 3.6px) * 11.852)), 256px);
/* Tailwind Border Radius Variables */
--radius-none: 0px;
--radius-sm: 0.125rem;
--radius-md: 0.25rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-full: 9999px;
}
/* Alt-Shade Class - Flipped Color Variable Overrides */
.alt-shade, .alt-shade-hover:hover {
--bg-primary: #07231f;
--dark-primary: #f3f7f7;
--surface-primary: #0a332d;
--heading-primary: #d0e0de;
--subtle-primary: #0d423a;
--active-primary: #adc9c5;
--border-primary: #0f4c43;
--text-primary: #8ab2ac;
--muted-primary: #11564c;
--hover-primary: #72a39b;
--base-primary: #146559;
--bg-secondary: #1e1714;
--dark-secondary: #f7f6f5;
--surface-secondary: #2b211c;
--heading-secondary: #ddd9d7;
--subtle-secondary: #382a24;
--active-secondary: #c4bdb9;
--border-secondary: #41312a;
--text-secondary: #aba09c;
--muted-secondary: #493730;
--hover-secondary: #9a8d88;
--base-secondary: #564138;
--bg-tertiary: #445347;
--dark-tertiary: #fcfefc;
--surface-tertiary: #617766;
--heading-tertiary: #f3fbf5;
--subtle-tertiary: #7d9a85;
--active-tertiary: #e9f9ed;
--border-tertiary: #91b299;
--text-tertiary: #e0f6e6;
--muted-tertiary: #a4c9ad;
--hover-tertiary: #daf4e0;
--base-tertiary: #c1edcc;
--bg-accent: #584510;
--dark-accent: #fffcf5;
--surface-accent: #7e6317;
--heading-accent: #fef3d5;
--subtle-accent: #a4801d;
--active-accent: #feebb6;
--border-accent: #bd9422;
--text-accent: #fee296;
--muted-accent: #d6a726;
--hover-accent: #fddc81;
--base-accent: #fcc52d;
--bg-neutral: #0f1514;
--dark-neutral: #f4f5f5;
--surface-neutral: #1e2928;
--heading-neutral: #eceeee;
--subtle-neutral: #3f504e;
--active-neutral: #dfe2e2;
--border-neutral: #607673;
--text-neutral: #ced4d3;
--muted-neutral: #859996;
--hover-neutral: #bec6c5;
--base-neutral: #acb9b7;
--base-white: #000000;
--white-rgb: 0, 0, 0;
--base-black: #FFFFFF;
--black-rgb: 255, 255, 255;
}
/* Nested Alt-Shade Class - Double Inversion Returns to Original */
.alt-shade .alt-shade, .alt-shade-hover:hover .alt-shade-hover {
--bg-primary: #f3f7f7;
--dark-primary: #07231f;
--surface-primary: #d0e0de;
--heading-primary: #0a332d;
--subtle-primary: #adc9c5;
--active-primary: #0d423a;
--border-primary: #8ab2ac;
--text-primary: #0f4c43;
--muted-primary: #72a39b;
--hover-primary: #11564c;
--base-primary: #146559;
--bg-secondary: #f7f6f5;
--dark-secondary: #1e1714;
--surface-secondary: #ddd9d7;
--heading-secondary: #2b211c;
--subtle-secondary: #c4bdb9;
--active-secondary: #382a24;
--border-secondary: #aba09c;
--text-secondary: #41312a;
--muted-secondary: #9a8d88;
--hover-secondary: #493730;
--base-secondary: #564138;
--bg-tertiary: #fcfefc;
--dark-tertiary: #445347;
--surface-tertiary: #f3fbf5;
--heading-tertiary: #617766;
--subtle-tertiary: #e9f9ed;
--active-tertiary: #7d9a85;
--border-tertiary: #e0f6e6;
--text-tertiary: #91b299;
--muted-tertiary: #daf4e0;
--hover-tertiary: #a4c9ad;
--base-tertiary: #c1edcc;
--bg-accent: #fffcf5;
--dark-accent: #584510;
--surface-accent: #fef3d5;
--heading-accent: #7e6317;
--subtle-accent: #feebb6;
--active-accent: #a4801d;
--border-accent: #fee296;
--text-accent: #bd9422;
--muted-accent: #fddc81;
--hover-accent: #d6a726;
--base-accent: #fcc52d;
--bg-neutral: #f4f5f5;
--dark-neutral: #0f1514;
--surface-neutral: #eceeee;
--heading-neutral: #1e2928;
--subtle-neutral: #dfe2e2;
--active-neutral: #3f504e;
--border-neutral: #ced4d3;
--text-neutral: #607673;
--muted-neutral: #bec6c5;
--hover-neutral: #859996;
--base-neutral: #acb9b7;
--base-white: #FFFFFF;
--white-rgb: 255, 255, 255;
--base-black: #000000;
--black-rgb: 0, 0, 0;
}
OHA YOOO - Tarih: 2026-08-03 23:04:20