/* =====================================================================
   Rocky Cloud Hub — Base Design Tokens
   Replaces Serbian Travel defaults with Rocky Consulting brand.
   Theme: dark-first, Poppins, amber accent (#E8923A)
   ===================================================================== */
:root {
    /* ── Brand colours ── */
    --ts-primary:        #E8923A;      /* amber — trust accent */
    --ts-primary-tint:   #fff8f2;      /* very light amber tint on white */
    --ts-primary-soft:   #fdeedd;      /* light amber bg */
    --ts-primary-strong: #c97020;      /* darker amber for hover states */
    --ts-secondary:      #1a1a1a;      /* near-black secondary surface */
    --ts-dark:           #000000;      /* pure black */
    --ts-surface:        #f5f5f5;      /* light page surface */
    --ts-surface-2:      #ebebeb;      /* secondary surface */
    --ts-text:           #111111;      /* near-black body text */
    --ts-text-light:     #ffffff;      /* white text on dark bg */
    --ts-border:         #e0e0e0;      /* neutral border */
    --ts-white:          #ffffff;
    --ts-container:      1180px;
    --ts-content:        760px;
    --ts-radius:         12px;
    --ts-font:           'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

* { box-sizing: border-box; }
html, body {
    margin: 0; padding: 0;
    font-family: var(--ts-font);
    color: var(--ts-text);
    background: var(--ts-white);
    line-height: 1.65;
}
body { padding-top: 56px; } /* fixed nav offset */
a { color: var(--ts-primary); text-decoration: none; }
a:hover { color: var(--ts-primary-strong); text-decoration: underline; }
.ts-site { background: var(--ts-white); }
.ts-container       { width: min(100% - 32px, var(--ts-container)); margin: 0 auto; }
.ts-container-wide  { width: min(100% - 32px, var(--ts-container)); }
.ts-container-content { width: min(100% - 32px, var(--ts-content)); }
.ts-container-fluid { width: min(100% - 24px, 1440px); }
.ts-block { padding: 72px 0; position: relative; }
.ts-rich-text p, .ts-rich-text ul, .ts-rich-text ol, .ts-rich-text blockquote { margin: 0 0 1rem; }
.ts-rich-text h2, .ts-rich-text h3, .ts-rich-text h4 { margin-top: 1.4em; }
.ts-align-center { text-align: center; }
.ts-space-top-none   { padding-top: 0; }
.ts-space-top-sm     { padding-top: 24px; }
.ts-space-top-md     { padding-top: 44px; }
.ts-space-top-lg     { padding-top: 64px; }
.ts-space-top-xl     { padding-top: 88px; }
.ts-space-bottom-none  { padding-bottom: 0; }
.ts-space-bottom-sm    { padding-bottom: 24px; }
.ts-space-bottom-md    { padding-bottom: 44px; }
.ts-space-bottom-lg    { padding-bottom: 64px; }
.ts-space-bottom-xl    { padding-bottom: 88px; }
.ts-bg-transparent  { background: transparent; }
.ts-bg-surface      { background: var(--ts-surface); }
.ts-bg-surface-2    { background: var(--ts-surface-2); }
.ts-bg-primary      { background: var(--ts-primary); }
.ts-bg-primary-tint { background: var(--ts-primary-tint); }
.ts-bg-primary-soft { background: var(--ts-primary-soft); }
.ts-bg-primary-strong { background: var(--ts-primary-strong); }
.ts-bg-dark         { background: var(--ts-dark); }
.ts-text-default    { color: var(--ts-text); }
.ts-text-light      { color: var(--ts-text-light); }
.ts-text-dark       { color: #000000; }
.ts-emphasis-outline::before, .ts-emphasis-card::before {
    content: ''; position: absolute; inset: 14px;
    border-radius: 28px; pointer-events: none;
}
.ts-emphasis-outline::before { border: 1px solid rgba(232,146,58,0.15); }
.ts-emphasis-card::before    { background: rgba(255,255,255,.08); border: 1px solid rgba(232,146,58,0.15); }

/* ── Builder preview selection highlight ── */
.ts-admin-preview-enabled .ts-preview-selectable {
    outline: 0 solid transparent; cursor: pointer;
    transition: outline-color .15s ease, box-shadow .15s ease;
}
.ts-admin-preview-enabled .ts-preview-selectable:hover {
    outline: 2px solid rgba(232,146,58,0.4);
    box-shadow: inset 0 0 0 1px rgba(232,146,58,0.15);
}
.ts-admin-preview-enabled .ts-preview-selected {
    outline: 3px solid rgba(232,146,58,0.9) !important;
    box-shadow: 0 0 0 3px rgba(232,146,58,0.25);
}

@media (max-width: 900px) { .ts-block { padding: 52px 0; } }

/* ── Dark mode (rocky-cloud pages are always dark) ── */
:root[data-theme="dark"],
.theme-rocky-cloud {
    --ts-primary-tint:   rgba(232,146,58,0.15);
    --ts-primary-soft:   rgba(232,146,58,0.08);
    --ts-primary:        #E8923A;
    --ts-primary-strong: #f0a050;
    --ts-secondary:      #1a1a1a;
    --ts-dark:           #000000;
    --ts-surface:        #111111;
    --ts-surface-2:      #1a1a1a;
    --ts-text:           #ffffff;
    --ts-text-light:     #ffffff;
    --ts-border:         rgba(255,255,255,0.10);
    --ts-white:          #000000;
}