@import '@w1c/fonts/ubuntu.css';
@import '../styles/tokens.css';

@layer w1c.theme {
	:root,
	[data-w1c-theme='ubuntu-810'] {
		--w1c-theme-name: 'Ubuntu 8.10';
		--w1c-font-heading: Ubuntu, 'DejaVu Sans', Arial, sans-serif;
		--w1c-font-ui: Ubuntu, 'DejaVu Sans', Arial, sans-serif;
		--w1c-font-mono: 'Ubuntu Mono', 'DejaVu Sans Mono', 'Courier New', monospace;
		--w1c-surface: #d6d0c8;
		--w1c-surface-raised: #f0ebe4;
		--w1c-desktop-background: #5b2b18;
		--w1c-desktop-background-image:
			radial-gradient(circle at 20% 18%, rgb(244 177 82 / 0.28), transparent 22rem),
			linear-gradient(135deg, #7b431f, #2d160f);
		--w1c-desktop-icon-size: 36px;
		--w1c-desktop-icon-radius: 4px;
		--w1c-desktop-icon-selection: #c35a21;
		--w1c-window-content-background: #ffffff;
		--w1c-control-background: #d6d0c8;
		--w1c-control-text: #2b211c;
		--w1c-control-highlight: #fff8f0;
		--w1c-control-shadow: #8f8178;
		--w1c-control-dark-shadow: #574b43;
		--w1c-active-titlebar: #8b3f16;
		--w1c-active-titlebar-text: #ffffff;
		--w1c-inactive-titlebar: #9c8d82;
		--w1c-inactive-titlebar-text: #ffffff;
		--w1c-focus-ring: #c35a21;
		--w1c-radius-1: 2px;
		--w1c-radius-2: 5px;
		--w1c-window-radius: 6px 6px 3px 3px;
		--w1c-window-border: 1px solid #2a170d;
		--w1c-window-highlight: rgb(255 248 240 / 0.7);
		--w1c-window-shadow-color: #8f8178;
		--w1c-window-shadow: 0 12px 28px rgb(43 28 18 / 0.35), inset 0 1px 0 rgb(255 255 255 / 0.35);
		--w1c-window-content-border: 0;
		--w1c-window-content-padding: 12px;
		--w1c-titlebar-background:
			linear-gradient(rgb(255 255 255 / 0.14), transparent 45%), linear-gradient(#9f4a18, #5f2912);
		--w1c-titlebar-border-block-end: 1px solid #1b0f09;
		--w1c-titlebar-text-shadow: 0 1px 1px rgb(0 0 0 / 0.85);
		--w1c-titlebar-padding: 3px 6px;
		--w1c-titlebar-height: 26px;
		--w1c-toolbar-background: linear-gradient(#f3e5ca, #d4bb91);
		--w1c-toolbar-padding: 5px 6px;
		--w1c-toolbar-border-block-start: 1px solid rgb(255 255 255 / 0.68);
		--w1c-toolbar-border-block-end: 1px solid #9b805b;
		--w1c-toolbar-shadow: inset 0 1px 0 rgb(255 255 255 / 0.68);
		--w1c-statusbar-background: #d4bb91;
		--w1c-button-background: linear-gradient(#fff9ec, #ceb48a);
		--w1c-button-active-background: linear-gradient(#c4a273, #fff4df);
		--w1c-button-border-width: 1px;
		--w1c-button-radius: 4px;
		--w1c-button-highlight: #fff8f0;
		--w1c-button-shadow: #8f8178;
		--w1c-button-dark-shadow: #7a6243;
		--w1c-button-shadow-raised: 0 1px 0 rgb(255 255 255 / 0.58) inset;
		--w1c-button-shadow-sunken: inset 0 1px 2px rgb(43 28 18 / 0.45);
		--w1c-panel-frame: #d6d0c8;
		--w1c-panel-background: #fffaf1;
		--w1c-panel-chrome-background: linear-gradient(#f3e5ca, #d4bb91);
		--w1c-panel-radius: 6px;
		--w1c-panel-header-border: 1px solid #9b805b;
		--w1c-panel-footer-border: 1px solid rgb(255 255 255 / 0.62);
		--w1c-panel-shadow: 0 1px 0 rgb(255 255 255 / 0.58) inset, 0 8px 18px rgb(43 28 18 / 0.18);
		--w1c-taskbar-height: 28px;
		--w1c-taskbar-text: #fff5df;
		--w1c-taskbar-background:
			linear-gradient(rgb(255 255 255 / 0.11), transparent 42%), linear-gradient(90deg, #3b2418, #1f140d);
		--w1c-taskbar-border-block-start: 1px solid rgb(255 255 255 / 0.18);
		--w1c-taskbar-border-block-end: 1px solid rgb(0 0 0 / 0.65);
		--w1c-taskbar-shadow: 0 1px 3px rgb(0 0 0 / 0.5);
		--w1c-taskbar-tray-border: 1px solid rgb(255 255 255 / 0.13);
		--w1c-taskbar-button-background: rgb(255 238 203 / 0.1);
		--w1c-taskbar-button-active-background: linear-gradient(#f5e7cb, #b99d78);
		--w1c-taskbar-button-text: #fff5df;
		--w1c-taskbar-button-radius: 3px;
		--w1c-menu-bar-background: linear-gradient(#f3e5ca, #d4bb91);
		--w1c-menu-bar-border-block-start: 1px solid rgb(255 255 255 / 0.68);
		--w1c-menu-bar-border-block-end: 1px solid #9b805b;
		--w1c-menu-background: linear-gradient(#f4e6cc, #cfb58c);
		--w1c-menu-border: 1px solid #4d2c17;
		--w1c-menu-shadow: 0 10px 22px rgb(0 0 0 / 0.42);
		--w1c-menu-item-active-background: #c35a21;
		--w1c-menu-item-active-text: #ffffff;
		--w1c-menu-bar-item-active-background: #c35a21;
		--w1c-address-field-background: #fffcf4;
		--w1c-address-field-border: 1px solid #8e7654;
		--w1c-address-field-highlight: #fff8f0;
		--w1c-address-field-placeholder: #6f6158;
		--w1c-tabs-gap: 2px;
		--w1c-tab-background: linear-gradient(#f5e7cb, #cdb186);
		--w1c-tab-active-background: #fffaf1;
		--w1c-tab-radius: 5px 5px 0 0;
		--w1c-tabs-panel-background: #fffaf1;
		--w1c-toast-background: #fff3c2;
		--w1c-toast-radius: 6px;
		--w1c-toast-shadow: 0 10px 22px rgb(43 28 18 / 0.32);
	}
}