@@ -20,8 +20,8 @@ sitemap:
20
20
--popover : 240 15% 10% ;
21
21
--popover-foreground : 35 15% 85% ;
22
22
23
- /* Sacred geometry gold accent */
24
- --primary : 43 74 % 66 % ;
23
+ /* Cathedral primary (royal purple) */
24
+ --primary : 262 65 % 62 % ;
25
25
--primary-foreground : 240 15% 8% ;
26
26
27
27
/* Deep stone secondary */
@@ -32,7 +32,7 @@ sitemap:
32
32
--muted : 240 15% 12% ;
33
33
--muted-foreground : 35 8% 60% ;
34
34
35
- /* Illuminated manuscript accent */
35
+ /* Accent (deeper purple) */
36
36
--accent : 260 60% 50% ;
37
37
--accent-foreground : 35 15% 85% ;
38
38
@@ -41,16 +41,16 @@ sitemap:
41
41
42
42
--border : 240 20% 18% ;
43
43
--input : 240 20% 15% ;
44
- --ring : 43 74 % 66 % ;
44
+ --ring : 262 65 % 62 % ;
45
45
46
46
/* Sacred geometry gradients */
47
47
--gradient-cathedral : linear-gradient (135deg , hsl (240 15% 8% ), hsl (240 20% 12% ));
48
- --gradient-sacred : linear-gradient (45deg , hsl (43 74 % 66 % ), hsl (260 60% 50% ));
48
+ --gradient-sacred : linear-gradient (45deg , hsl (262 65 % 62 % ), hsl (260 60% 50% ));
49
49
--gradient-knowledge : linear-gradient (180deg , hsl (240 12% 8% ), hsl (240 8% 6% ));
50
50
51
51
/* Mystical shadows */
52
52
--shadow-cathedral : 0 10px 40px -10px hsl (240 15% 4% / 0.8 );
53
- --shadow-sacred : 0 0 30px hsl (43 74 % 66 % / 0.3 );
53
+ --shadow-sacred : 0 0 30px hsl (262 65 % 62 % / 0.3 );
54
54
--shadow-deep : 0 20px 60px -20px hsl (240 15% 2% / 0.9 );
55
55
56
56
/* Geometric animation */
@@ -200,3 +200,36 @@ p>code, a>code, li>code, figcaption>code, td>code {
200
200
blockquote { background : hsl (var (--muted )); border-color : hsl (var (--border )); }
201
201
hr { border-top-color : hsl (var (--border )); }
202
202
table td { border-bottom-color : hsl (var (--border )); }
203
+
204
+ /* Cathedral hero section */
205
+ .hero-cathedral {
206
+ position : relative ;
207
+ border-radius : 16px ;
208
+ overflow : hidden ;
209
+ box-shadow : var (--shadow-deep );
210
+ background : var (--gradient-cathedral );
211
+ min-height : 280px ;
212
+ display : flex ;
213
+ align-items : center ;
214
+ }
215
+ .hero-cathedral__bg {
216
+ position : absolute ;
217
+ inset : 0 ;
218
+ background-size : cover ;
219
+ background-position : center ;
220
+ background-repeat : no-repeat ;
221
+ filter : saturate (110% ) contrast (95% ) brightness (75% );
222
+ }
223
+ .hero-cathedral__overlay {
224
+ position : absolute ; inset : 0 ;
225
+ background : radial-gradient ( circle at 30% 20% , rgba (0 ,0 ,0 ,.35 ), transparent 50% ),
226
+ linear-gradient ( to bottom , rgba (0 ,0 ,0 ,.6 ), rgba (0 ,0 ,0 ,.2 ) 40% , rgba (0 ,0 ,0 ,.6 ));
227
+ }
228
+ .hero-cathedral__content {
229
+ position : relative ;
230
+ z-index : 1 ;
231
+ padding : 3rem 2rem ;
232
+ color : hsl (var (--foreground ));
233
+ }
234
+ .hero-cathedral__title { font-size : clamp (1.8rem , 3vw , 2.4rem ); margin : 0 0 .25rem ; color : hsl (var (--primary )); }
235
+ .hero-cathedral__subtitle { margin : 0 ; opacity : .9 ; }
0 commit comments