wip

wwwroot/css/v2/calendar-v2-base.css

@@ -0,0 +1,61 @@
+/* V2 Base - Shared variables */
+
+:root {
+  /* Grid measurements */
+  --hour-height: 64px;
+  --time-axis-width: 60px;
+  --grid-columns: 7;
+  --day-column-min-width: 200px;
+  --day-start-hour: 6;
+  --day-end-hour: 18;
+  --header-height: 70px;
+
+  /* Colors - UI */
+  --color-border: #e0e0e0;
+  --color-surface: #fff;
+  --color-background: #f5f5f5;
+  --color-text: #333333;
+  --color-text-secondary: #666;
+  --color-primary: #1976d2;
+
+  /* Colors - Grid */
+  --color-hour-line: rgba(0, 0, 0, 0.2);
+  --color-grid-line-light: rgba(0, 0, 0, 0.05);
+
+  /* Named color palette for events (fra V1) */
+  --b-color-red: #e53935;
+  --b-color-pink: #d81b60;
+  --b-color-magenta: #c200c2;
+  --b-color-purple: #8e24aa;
+  --b-color-violet: #5e35b1;
+  --b-color-deep-purple: #4527a0;
+  --b-color-indigo: #3949ab;
+  --b-color-blue: #1e88e5;
+  --b-color-light-blue: #03a9f4;
+  --b-color-cyan: #3bc9db;
+  --b-color-teal: #00897b;
+  --b-color-green: #43a047;
+  --b-color-light-green: #8bc34a;
+  --b-color-lime: #c0ca33;
+  --b-color-yellow: #fdd835;
+  --b-color-amber: #ffb300;
+  --b-color-orange: #fb8c00;
+  --b-color-deep-orange: #f4511e;
+
+  /* Base mix for color-mix() function */
+  --b-mix: #fff;
+
+  /* Shadows */
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
+  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
+
+  /* Transitions */
+  --transition-fast: 150ms ease;
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  background: var(--color-background);
+}