/* Сгенерировано tools/sync-design.php из design/Rai Design System/tokens/colors.css, typography.css, spacing.css, base.css — не редактировать вручную. */

/* --- colors.css --- */
:root{
/* base — warm near-black */
--color-bg:#0F0D0B;
--color-surface-1:#15120F;
--color-surface-2:#1D1915;
--color-surface-3:#26211C;
--color-border:#2B2520;
--color-border-strong:#4A4038;
--color-border-hover:#6B5D50;
/* text on dark */
--color-text:#F3E9DA;
--color-text-2:#BFB2A1;
--color-text-placeholder:#968A7C;
--color-text-disabled:#776C61;
/* cream — primary action fill + light section */
--color-cream:#F3E6D2;
--color-cream-hover:#FBF2E4;
--color-cream-press:#E4D5BF;
--color-cream-2:#EADCC6;
--color-ink:#14110E;
--color-ink-2:#4F4439;
--color-ink-line:#CDBDA6;
/* amber — light from photos; focus, hover lines, small highlights */
--color-amber:#D9A066;
--color-amber-tint:rgba(217,160,102,.14);
--color-amber-line:rgba(217,160,102,.5);
/* burgundy — very small doses */
--color-wine:#7A2431;
--color-wine-tint:rgba(122,36,49,.30);
--color-wine-text:#F0C9CF;
/* room themes */
--color-room-gold:#C9A24B;
--color-room-red:#B4413F;
--color-room-blue:#4A74B0;
--color-room-black:#6B635B;
--color-room-white:#EDE4D6;
/* feedback */
--color-success:#8DBB93;
--color-success-tint:rgba(141,187,147,.10);
--color-error:#E8806C;
--color-error-tint:rgba(232,128,108,.10);
--color-warning:#D9A84E;
/* semantic */
--surface-page:var(--color-bg);
--surface-card:var(--color-surface-1);
--surface-raised:var(--color-surface-2);
--surface-input:transparent;
--surface-light:var(--color-cream);
--text-body:var(--color-text);
--text-muted:var(--color-text-2);
--text-link:var(--color-text);
--text-link-hover:var(--color-amber);
--border-default:var(--color-border);
--border-control:var(--color-border-strong);
--action-fill:var(--color-cream);
--action-text:var(--color-ink);
--accent:var(--color-amber);
--focus-ring:#E7B47E;
/* scrims — text over photos only through these */
--scrim-bottom:linear-gradient(0deg,rgba(15,13,11,.92) 0%,rgba(15,13,11,.55) 34%,rgba(15,13,11,0) 62%); /* @kind other */
--scrim-left:linear-gradient(90deg,rgba(15,13,11,.86) 0%,rgba(15,13,11,.5) 36%,rgba(15,13,11,0) 66%); /* @kind other */
--scrim-tile:linear-gradient(0deg,rgba(15,13,11,.88) 0%,rgba(15,13,11,.5) 40%,rgba(15,13,11,.05) 75%); /* @kind other */
--scrim-top:linear-gradient(180deg,rgba(15,13,11,.7) 0%,rgba(15,13,11,0) 100%); /* @kind other */
}

/* --- typography.css --- */
:root{
--font-sans:"Onest","Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fs-display:200px;
--fs-h1:76px;
--fs-h2:72px;
--fs-h3:30px;
--fs-h4:22px;
--fs-lead:21px;
--fs-body:18px;
--fs-ui:17px;
--fs-small:16px;
--fs-caption:15px;
--fs-eyebrow:15px;
--lh-display:.86; /* @kind font */
--lh-h1:.98; /* @kind font */
--lh-h2:.98; /* @kind font */
--lh-h3:1.15; /* @kind font */
--lh-body:1.6; /* @kind font */
--ls-display:-0.055em; /* @kind font */
--ls-h1:-0.04em; /* @kind font */
--ls-h2:-0.04em; /* @kind font */
--ls-h3:-0.02em; /* @kind font */
--ls-eyebrow:0.07em; /* @kind font */
--measure:64ch; /* @kind other */
}
@media (max-width:1100px){:root{
--fs-display:150px;
--fs-h1:60px;
--fs-h2:56px;
}}
@media (max-width:760px){:root{
--fs-display:104px;
--fs-h1:42px;
--fs-h2:40px;
--fs-h3:24px;
--fs-h4:20px;
--fs-lead:18px;
--fs-body:17px;
--lh-h1:1.02; /* @kind font */
--lh-h2:1.02; /* @kind font */
}}

/* --- spacing.css --- */
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;
--section-y:112px;
--container:1312px;
--gutter:64px;
--grid-gap:12px;
--header-h:88px;
--radius-control:4px;
--radius-card:4px;
--radius-pill:999px;
--border-w:1px;
--control-h:52px;
--control-h-lg:56px;
--tap-min:48px;
--shadow-overlay:0 16px 40px rgba(0,0,0,.45);
--dur-fast:200ms; /* @kind other */
--dur:250ms; /* @kind other */
--dur-slow:300ms; /* @kind other */
--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
}
@media (max-width:760px){:root{
--section-y:72px;
--gutter:20px;
--grid-gap:8px;
--header-h:68px;
}}

/* --- base.css --- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:dark}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--text-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color var(--dur) var(--ease-out)}
a:hover{color:var(--text-link-hover)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
::selection{background:var(--color-cream);color:var(--color-ink)}
.rai-display{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--fw-medium);margin:0}
.rai-h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--fw-medium);margin:0;text-wrap:balance}
.rai-h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-medium);margin:0;text-wrap:balance}
.rai-h3{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);font-weight:var(--fw-medium);margin:0}
.rai-h4{font-size:var(--fs-h4);line-height:1.3;font-weight:var(--fw-medium);margin:0}
.rai-lead{font-size:var(--fs-lead);line-height:1.45;color:var(--text-body);max-width:var(--measure);margin:0;text-wrap:pretty}
.rai-body{font-size:var(--fs-body);line-height:var(--lh-body);max-width:var(--measure);margin:0;text-wrap:pretty}
.rai-muted{color:var(--text-muted)}
.rai-caption{font-size:var(--fs-caption);line-height:1.45;color:var(--text-muted)}
.rai-container{max-width:calc(var(--container) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter);width:100%}
.rai-section{padding:var(--section-y) 0}
.rai-rule{border:0;border-top:1px solid var(--border-default);margin:0}
.rai-light{background:var(--surface-light);color:var(--color-ink);--text-body:var(--color-ink);--text-muted:var(--color-ink-2);--text-link:var(--color-ink);--text-link-hover:var(--color-ink-2);--border-default:var(--color-ink-line);--border-control:#B9A88F;--focus-ring:#8A5A2B}
.rai-reveal{animation:rai-fade-in var(--dur-slow) var(--ease-out) both}
@keyframes rai-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}